Replace price with sold out when Products sold out? (dawn theme)

Store Design
, ,
1

we are needing to replace the price with sold out once products are sold out on the dawn theme. Our website is https://munnafashion.com/ . help would be much appreciated. Thank you.

2

Hi @munfas_uk

Please go to Online store > Themes > Edit code, find the base.css file, and add the following code at the end of the file:

.card__content .card__information .card-information .price--sold-out {
  display: none;
}

I hope that this can help you solve the issue.

3

hello, this didn’t work. the code removed the price when sold out which is what we needed but it didn’t display ‘sold out’ where the price previously was. We need ‘sold out’ to replace the price. Thank you. https://munnafashion.com/collections/de-sin

4

Hi @munfas_uk

Please go to the theme.liquid file and add the following code just before the tag:

Please let us know if it works for you, or if you need further help.

5

Thank you for your quick response, This code didn’t work when i added it to my theme.liquid file just before the tag. Is there any other way we could solve this problem, thank you.

6

Hi @munfas_uk

Please delete the previously added CSS in the base.css file, and keep only the JS code in the theme.liquid file.

I hope that it will work.

7

sorry this did not work either. I deleted the CSS in the base.css file, and kept only the JS code but it still didn’t work? Thank you for your quick reply.

8

Hi @munfas_uk

Can you kindly take a screenshot of the code you added to the theme.liquid page? We will double-check it for you.

Or you can go to Online store > Themes > Edit code, find any .js file in the Assets folder and add the following code at the end:

$(".card__content .card__information .card-information .price--sold-out").html("Sold out");