Variant pill visual change when continuing selling out of stock

So right now, when something is out of stock, the visual of the variant pill is grayed out and the text is crossed over.

I would like to apply some sort of visual change (for example different color) also for those variants who have stock 0, but are set to continue selling out of stock.

That way customers can quickly see at a glance which variants are in stock and which are selling out of stock.

Any ideas how to do this? Im using Dawn theme.

@ImAdrian

yes this can be done some custom CSS code please provide the url so that i can provide you the CSS code with instructions.

thanks

1 Like

Sure, the store is https://prohunter.ro

password: chiesa

(i changed the theme from Dawn to Ride but I assume the steps would be the same)

Thank you!

can you also share an example of out of stock product

https://prohunter.ro/products/bocanci-harkila-atammik-gtx-dark-brown

sizes 42 to 45 are in stock, while sizes 40, 41, 46, 47, 48, are selling out of stock (pre-order)

so you want a pre-order function, not only change the button color? because not only the button UI need to change, but also the ship and deliver time need to change?

No, the function is already included in Shopify by default, you just need to tick ”continue selling out of stock” and when an items stock reaches 0, it can still be sold (which is basically what a pre-order is) - i dont intend to display a delivery time. All I want is the variant pill to change color.