Displaying Product as Sold Out

Site URL: https://www.silvergroveheights.com/

Hi Everyone, 

I am trying to display the words "Sold Out" before clicking on the actual product. Currently "Sold Out" is only visible when you click on the product and then click on the variant drop down. Does anyone know how I can make it so that the product status shows from the products page? 

Did you ever figure this out? I have the same question! 

Site URL: https://martinanoble.com

Hello,

I am reposting the same question that someone asked a few months back that I would like to know how to do for a clients website. Here it is

"Hi Everyone, 

I am trying to display the words "Sold Out" before clicking on the actual product. Currently "Sold Out" is only visible when you click on the product and then click on the variant drop down. Does anyone know how I can make it so that the product status shows from the products page? "

Thank you!!!

SS doesn't provide this behaviour by default.

It might be possible to create some custom JavaScript code to do this but I'm not aware of anyone who has created such code.

For the product detail page access to the needed data is already buried in the page. I would think the proper implementation would be to scan the data and then add some text to the page warning the site visitor that some variants are sold out. Telling them the product is sold out when there are some variants available would be a mistake I think.

SS does not expose the needed data on the product listing page. Again with some custom JavaScript it may be possible to access the needed data and then add a similar warning about some variants not available.

If no code exists then you would need to hire a consultant who can develop code. First they would have to determine if it is even possible.

Please see the following.

I was given css a year ago and its visible on www.dianecookjewelry.com. When I use the same CSS it doesn't work.

This is what I used. 

 .ProductItem.sold-out .product-price {
display: none;
}

On 8/6/2022 at 12:53 AM, blix said:

I am trying to display the words "Sold Out" before clicking on the actual product. Currently "Sold Out" is only visible when you click on the product

On Squarespace 7.1, Sold Out labels will automatically be displayed on both store pages and product details pages when products do not have variant options.

On the site you quoted, I can see the label on the product page, but you are currently using a very light grey (#fcfaf9) to display product metadata which makes it very difficult to see. I've darkened the label slightly in this screenshot so you can see it below the product title:

You can change the colour in the Styles panel.

When products have variants, stock levels will be specific to individual variants, so customers will need to click into the variant option to see which variants are in stock like this (screenshot from a different site):

thanks so much!!!

I have version 7.1 but i'm only seeing sold out labels on my product details pages and NOT my store page.  How can I fix this?  See below:

1 hour ago, AltitudeEngraving said:

I have version 7.1 but i'm only seeing sold out labels on my product details pages and NOT my store page.  How can I fix this?

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Here's the URL for the shop page on the site

https://www.altitudeengraving.com/shop

3 hours ago, AltitudeEngraving said:

I have version 7.1 but i'm only seeing sold out labels on my product details pages and NOT my store page.  How can I fix this?

The Sold Out text is on the product listing page but it is the same color as the background.

You can change the color of the Status text.

You are the MAN.  BOOOOOOM.    Thank you very much exactly what I needed.   Why the theme would default to this color I have no idea, but wow.  My mind....blown.    Thank you thank you