Hide or Cross out unavailable product variants

Morgans
Tourist
27 0 1

Hi

 

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

Morgans_0-1675701365967.png

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)

BSS-Commerce
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

Morgans
Tourist
27 0 1

https://morgansosw.myshopify.com/

Password: jack

 

Fingers crossed you can help with it!

websensepro
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