Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

Rename SOLD OUT button on store page

By vividdd, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

vividdd Level 5

vividdd

Posted
Posted (edited)

 

Hello 🙂

On the individual product pages I can customize the add to cart button text. Even if the product is sold out on the product page the custom message appears which is what I want. However, on the store page it reads SOLD OUT. How can I overwrite the SOLD OUT button text on the shop page to read my custom message or if the $ is $0.00?

https://got-a-gig.squarespace.com/store/p/step-up-b-foot-flute-jgfl-550
PWD: 1234567

Thank you 🙂

Screenshot 2023-12-01 at 8.37.17 AM.png

Screenshot 2023-12-01 at 8.37.30 AM.png

Edited by vividdd
  • Replies 2
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

vividdd
vividdd

THANK YOU!!!! You are a live safer 😉 Happy Holidays 🙂

Posted Images

  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted

Add this to Website Tools (under Not Linked) > Custom CSS 

div.grid-item.sold-out .sqs-add-to-cart-button-inner {
    font-size: 0;
}

div.grid-item.sold-out .sqs-add-to-cart-button-inner:before {
    content: "Price on Request";
    font-size: 16px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources