How can I modify the 'Add to Cart' button in the Glossier Theme?

Store Design
1

Hey guys,

I’m using the Glossier Theme for my shop.

I want to change the “Zur Kasse” Button (Add to cart Button) at the cart page (www.afterinject.com/cart) aswell as the “Zur Kasse” Button (add to cart Button) in the small cart overview when I click on the cart icon in the top right corner of the website.

Unfortunately the Theme I use makes it difficult to change these two buttons.

my shop is available under “www.afterinject.com”

Best,

Laura

2

Hello @LauraVali ,

Follow this article
If it will not help then contact to theme support or hire a developer to check.

Thanks

3

You can add a little script to the end of your theme.js file in your assets folder to change it if you can’t find it in the regular code. Add this to the end of the file (do not add $(theme.init) – it will already be there, I’m just showing you where to put the code):

$(theme.init);
// add this under theme.init
$(function(){
  $('a[href="/checkout"]').text("Add to Cart")
  $('button[name="checkout"]').text("Add to Cart")
})

Just change Add to Cart in the quotes to be whatever you want to change it to

4

Thank you very much for the reply. How can I change the background color of the button?

5

Looks like you got it figured out : )

6

Yes, thanks a lot for your solution :slightly_smiling_face: