How to keep discount percentage visible when a product is sold out?

JADIS
Explorer
169 1 19

Good morning,

 


I would like that when a product is sold out, the reduction percentage in green still remains visible and not that it is sold out instead

 

Product exemple : (size xs is sold out) https://jadis-shop.com/products/doudoune-tnf-700-nupste-retro-1996?variant=48850241093961

 

GOOD : 

JADIS_0-1696514361866.png

 

BAD :

JADIS_1-1696514373157.png

 

 

Do you know how to do it please?

 

Theme: Dawn
Website: jadis-shop.com
password:rj


thanks in advance

Replies 2 (2)

topnewyork
Navigator
298 34 45

Hi @JADIS 

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag

 

 

span.badge.price__badge-sold-out.color-background-1 {
    background-color: #32CD32;
    color: white;
}

 

 

topnewyork_2-1696514896107.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
JADIS
Explorer
169 1 19

this is not i asked, please read my explain