Hello I am hoping someone can help. I found how to remove the price on sold out however I would like it to put text of Sold Out. I have seen other themes that auto do this and I love how it looks. Thanks!
Can you link an example product on your live site that is currently sold out? I should be able to figure something out.
This collection is sold out the price is showing $5
The product page also shows $5 I would like to change that to Sold Out as well
https://www.blessedbysparkles.com/products/west-coast-goddess?variant=29983169445942
I would love it to look like this this site I know her theme is different as hers auto changes from a price to sold out.
https://www.vivaciousbombshell.com/collections/anklets
Then when you click on the product hers also has the sold out not a price
https://www.vivaciousbombshell.com/collections/anklets/products/west-coast-goddess-rose-gold-anklet
Do you know how to add CSS? If you add the below it should work.
.grid-item.small--one-half.medium--one-fifth.large--one-fifth.sold-out .product-item--price > span > small {
visibility:hidden;
position:relative;
}
.grid-item.small--one-half.medium--one-fifth.large--one-fifth.sold-out .product-item--price > span > small:after {
content: 'Sold Out';
visibility: initial;
position: absolute;
left: 0px;
min-width: 76px;
}
Changes the look for all sold-out items to this:
Where in the theme liquid would I put it? Just at the end?
That worked to change it on the collection page! However it did not change it on the product page.
https://www.blessedbysparkles.com/products/beach-shimmer-silver?variant=31477254881378
Sorry, I can’t help you with that one, there is no ‘sold out’ CSS class, so you need to add a script or later the template files.