Jump to content

How to Auto Change "Purchase" button on Product Block for Sold Out Product

Recommended Posts

I use product blocks throughout my art website. I don't like the individual product pages as each product typically has other products that specifically pertain to it and so it was just easier to use blocks.

I need a css code for the "add to cart" button of the product block to just automatically be replaced with "SOLD OUT" if the item quantity falls to zero as by default, even if an item is sold, it's "purchase" button still says "purchase" until you click the button and then a pop out informs you that it's sold out.

The test webpage that I'm referring to is: https://www.pashapashanewyork.com/new-page-2

Right now it does this:

image.thumb.png.a47c98d2d4cd00d744b8a087b17a7b4a.png

 

And I want it to look like this:

image.thumb.png.2f9a61e244c9fc6b4e851dacc009f6f4.png

 

Can anyone help please!? ❤️

Link to comment
  • 3 weeks later...
  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.