Hide out of stock variants Symmetry

Solved
KuchinateTLV
New Member
4 0 0

Hi all! How can I hide (NOT DELETE FROM THE BACKOFFICE) out of stock variants for customers on all products? I do not want the variants to be deleted, as they often come back in stock, but do want them to be hidden the second they are out of stock. I am using Symmetry theme. 

 

Thank you! 

Accepted Solution (1)

Accepted Solutions
LitExtension
Shopify Partner
3731 738 782

This is an accepted solution.

Hi @KuchinateTLV,

Go to Assets > styles.css and paste this at the bottom of the file:

.opt-btn.is-unavailable+.opt-label {
    display: none !important;
}
LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!

View solution in original post

Replies 9 (9)
LitExtension
Shopify Partner
3731 738 782

Hi @KuchinateTLV,

Please send your site and if your site is password protected, please send me the password. I will check it.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
AvadaCommerce
Shopify Partner
3271 726 612

Hi @KuchinateTLV,

 

Please refer to this guide from Shopify to hide sold-out variants from your product pages without deleting them. However, this guide has some limitations. It does not work for the following cases:

- Your products have more than one product option
- You use the Express theme and have the product page set to show products in an overlay

 

I hope my answer can help.

 

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

KuchinateTLV
New Member
4 0 0

kuchinate-shop.myshopify.com

password: boaideas

LitExtension
Shopify Partner
3731 738 782

This is an accepted solution.

Hi @KuchinateTLV,

Go to Assets > styles.css and paste this at the bottom of the file:

.opt-btn.is-unavailable+.opt-label {
    display: none !important;
}
LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
KuchinateTLV
New Member
4 0 0

This worked!! THANK YOU!! Any idea how I can also hide the photos connected to the variants that I want hidden/are out of stock?!

LitExtension
Shopify Partner
3731 738 782

Hi @KuchinateTLV,

This is impossible. You can only remove the image from the sold out variant and then you can add the code for it.

Refer https://shopify.dev/api/liquid/objects/image#image-attached_to_variant

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
bohemiangroove
Tourist
7 0 2

Hello

What if you don't have style.css in assets? I am using colorblock 1.0 theme.

LitExtension
Shopify Partner
3731 738 782

Hi @bohemiangroove,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
bohemiangroove
Tourist
7 0 2

Oh so sorry. Other boards I've been on don't like it when you post new topics to questions that have already been asked. I didn't know it was different here. I posted the question at this link.

 

https://community.shopify.com/c/technical-q-a/hide-out-of-stock-variants-in-colorblock-version-1-0-0...

 

Thanks so much