Adding a "sold out" banner on sold out items.

Highlighted
Excursionist
28 0 0

Right now the sold out sign only appears when I hover over the product. Is there a way to add a banner as shown below to the sold out products purely as code?

Screen Shot 2020-01-20 at 13.47.11.jpg

 

 

website: www.hollyhoque.com

0 Likes
Highlighted
Shopify Partner
1219 101 155


Hi @,

try this

1. {% if product.available %} 

        <strong>{{ product.price | money }}</strong>

2. {% else %}

<strong style="color:#ccc">

{{ product.price | money }}

</strong> 

<span>Sold Out!</span>

{% endif %}

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Shopify Partner
1219 101 155

try this also

 

https://help.shopify.com/en/themes/customization

 

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes