Hide or Cross out unavailable product variants

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 Partner
3477 464 552

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, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Morgans
Tourist
27 0 1

https://morgansosw.myshopify.com/

Password: jack

 

Fingers crossed you can help with it!

websensepro
Shopify Partner
1869 220 266

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

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP