Linking product Options and Hiding Sold Out Variants on Sectioned Themes

Solved
New Member
10 0 0

Hi there,

 

I've seen in numerous threads on this discussion board about hiding variants that are sold out.

 

I'm finding this quite the issue, as I have products with multiple variants. However, every option is not always in-stock, so it would be good for those to be hidden, otherwise, how is a customer to know without trying multiple combinations of variants before finding what's available.

 

This, to me, is a huge unfriendly user experience and something I would've thought a company as big as Shopify would've addressed already.

 

I see that there's documentation for this issue:

 

https://help.shopify.com/en/themes/customization/products/variants/link-product-options-in-menus

 

https://help.shopify.com/en/themes/customization/products/variants/hide-variants-that-are-sold-out

 

However these don't work with sectioned themes. These were released in 2016, so almost 3 years without an obvious solution for the new themes.

 

Is there a definitive solution to this? 

 

Thanks

 

Jonny

0 Likes

Which theme are you using?

Available for hiring. Inbox me lixonic[at]gmail[dot]com
0 Likes

Success.

Shopify Partner
2567 39 586

Yes, for example here 

But the code is theme dependent -- it will work for free themes with drop-downs and will require modification for buttons/swatches or if drop-down elements have different classes assigned.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com! My post solved your problem? This is my Paypal too :)
2 Likes
New Member
10 0 0

HI Lixon, thanks for the reply

 

I'm using Debut, but Tim below has also replied to link that seems to answer what I'm trying to solve, so will dive into that and see how it works

 

Thanks

 

Jonny

0 Likes
New Member
10 0 0

Hi tim thanks for that

 

I'll give your solution a good look over and see how it goes

 

Thanks

 

Jonny

0 Likes
New Member
10 0 0

Tim you are a lifesaver

 

Thanks so much for your helpful reply

 

Jonny

0 Likes
New Member
2 0 0

Hi Tim, thanks for sharing. i followed your instructions and successfully resolved the issue but some product pages have become Unresponsive and never load so, would you please advice how could i solve this issue!! Thank you

0 Likes
Shopify Partner
2567 39 586

Hard to tell without seeing. It would be good if you can share the preview link to your theme and point at these offending products...

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com! My post solved your problem? This is my Paypal too :)
1 Like
Shopify Partner
1 0 0

Trying to also use the approach above with the Symmetry theme (https://themes.shopify.com/themes/symmetry/styles/beatnik) but not working. The theme.liquid file doesn't have that line defer="defer". It has this instead: {{ 'vendor.js' | asset_url | script_tag }}

Any suggestions? 

 

Example:

Products available: (White 1, 10) and (Black 4, 30), but all these options below are showing in the drop-down...

Color: White and Black

Sizes: 1, 2, 3, 4

Width: 10, 20, 30, 40

0 Likes
Highlighted
New Member
2 0 0

Hi Tim, Sorry i've just noticed your reply right now. How can i send you a preview link of the theme? you mean a screenshot? if yes what part of the theme you want a screenshot of? let me clarify more the issue, I currently have two categorize of products on the store (both are shoes), after installing the codes i had the 1st product linking options enabled and work very well, but the other product it's product page never load and crashes. I am really wondering what is wrong with that second product and why it is not responsive to the codes as the first product. Thanks in advance Tim.

0 Likes