Jump to content

How can i keep the "add to cart" button text saying "added" once someone clicks on it?

Go to solution Solved by creedon,

Recommended Posts

Im using the add to cart button as a way for people to save my blog posts, here is a blog post where i have set the button up 

https://www.idmdiscovery.com/labels/analogical-force password: idm

i changed the add to cart text to save "favourite". when you click on the button it then says "added" but then it goes back to the original text with no indication to the user that its been clicked, i would like for it to stay saying "added" once someone clicks on it (adds to cart) or turn a different colour once its been clicked on, how would i go about doing this? thanks so much. 

Link to comment
  • Solution

Add the following to Design > Custom CSS.

#block-yui_3_17_2_1_1612857583760_17486 .cart-added .sqs-add-to-cart-button-inner {

  visibility : hidden !important;

#block-yui_3_17_2_1_1612857583760_17486 .cart-added .sqs-add-to-cart-button-inner:before {

  content : 'Added';
  visibility : visible !important;

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.