How to mark sold out products with an 'X' or line in Dawn theme?

Hello, I am using dawn theme and I need my sold out products / flavours to have a X or crossed mark or a line so my customers no it’s out of stock, is there a app i need? I have attached a photo of another site so you can understand what I mean thank you.

1 Like

Hi @nicko1990 ,

Most apps on the Shopify store are built to hide sold-out variants/products instead of adding a cross etc. on it. For example the below app can help you hide the unavailable variants

https://apps.shopify.com/camouflage?st_source=autocomplete

Unfortunately I don’t know any app that might do what you are asking for but the good news is that you can do this with help of code.

You may find product-template.liquid file there if you can find the variants and know some liquid and CSS then you can check with the liquid variable if the product variant has more than 0 stock available and cross out with CSS that variants. You may need a developer to do this.

Ask me if you’ve any questions.

Thanks for your reply, I wouldn’t know where to start by getting a code and where do I put the code?

Thanks

Yeah if you can help thanks

Hi @nicko1990 ,

This is doable with custom code. It will need CSS, javascript and liquid code customization to achieve this. However, you can try the free design time from Shopify team here. If it is not doable, you will need to hire someone to do this for you.

I do share some videos about coding but not this one. Will do soon

Hi,
Actually this is doable via coding!
If you’re interested, here it is