Solved

Hide out of stock variants Symmetry

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)
LitExtension
Shopify Partner
4860 1001 1135

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 - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 10 (10)

LitExtension
Shopify Partner
4860 1001 1135

Hi @KuchinateTLV,

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

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
KuchinateTLV
New Member
4 0 0

kuchinate-shop.myshopify.com

password: boaideas

LitExtension
Shopify Partner
4860 1001 1135

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 - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
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
4860 1001 1135

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 - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
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
4860 1001 1135

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 - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
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

lifeofrileybout
Visitor
3 0 0

I need thr same help please!

 

Hide out of stock variant
https://community.shopify.com/c/technical-q-a/hide-out-of-stock-variant/td-p/2321341

AvadaCommerce
Shopify Partner
3879 839 955

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.

 

banned