Linking product Options and Hiding Sold Out Variants on Sectioned Themes

Solved
New Member
4 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?

For Theme Tweaks and Customizations, Inbox me lixon@ecommercestudio.in
0 Likes
Highlighted

Success.

Shopify Partner
2495 15 465

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 :)
1 Like
New Member
4 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
4 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
4 0 0

Tim you are a lifesaver

 

Thanks so much for your helpful reply

 

Jonny

0 Likes
New Member
1 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
2495 15 465

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 :)
0 Likes
New Member
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