Hide or Cross out unavailable product variants

27 0 1



I have a range of variants to add on products like this.


I am using the refresh theme and was just wondering if there was a way to hide or ideally just grey out/cross out product variants that are unavailable? I don't mind if they are just sold out but when they are actually unavailable i don't want customers clicking on them. 


I'm guessing it would be some coding in the product main-product.liquid But i'm not sure. 


If someone could provide the code to make that happen, that would be great. 


Many thanks. 

Replies 3 (3)

Shopify Expert
3477 461 515

Hi @Morgans 

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

27 0 1


Password: jack


Fingers crossed you can help with it!

Shopify Partner
1014 139 147

https://youtu.be/Rs6o1HdsKF8 checkout it this tutorial here

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here