How do I get rid of sold out product price

Hello,

I wish to hide the price of an item once it has sold on my website.

I've researched many forum threads, talked on live chat, tried many codes. But have not come across desirable result. It would end up hiding all prices.

Please see my website : https://www.vincentlussier.com

I have managed to set the prices to $0, but I wish to have no price on sold item, just to say "Sold".

Any help would be greatly appreciated, thank you.

Vincent

Hi. 

I am not sure where you have a product that is sold already. None of them has $0 for price.

Yes I’ve put the price back, but I wish to hide the price of all the items once it has sold on my website

Then you need to apply this CSS in the Custom CSS panel:

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

It doesnt work 😞

Please try this one:

.ProductList-item.sold-out .product-price,
.ProductItem.sold-out .product-price {
   display: none!important;
}

Still doesnt work 😞

Can you show me the CSS, where you applied this code?

Oh sorry!! I don't know much about coding. I didn't know this detail which turns out to be very important..! Thanks for your time, it worked!!!!

On 1/9/2023 at 12:30 PM, joseph81 said:

Please try this one:

 

.ProductList-item.sold-out .product-price,
.ProductItem.sold-out .product-price {
   display: none!important;
}

 

Hi, I am having this same issue. I wonder if there is an updated fix?

Many thanks!

On 9/11/2024 at 7:30 AM, onlymade_co said:

Hi, I am having this same issue. I wonder if there is an updated fix?

Many thanks!

Use this CSS

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