Hide unavailable variants with Debut Theme

Highlighted
New Member
2 0 0

When you choose a variant 1 (Format) I want see in drop down menuonly the variants (Finish and Frame) available, at the moment it shows all variants and instead shows 'unavailable' where it would normally say 'add to cart'.

Can anyone help me? Thanks :)

 

the product exemple: https://sunsetandvenice.com/collections/baja-california-gallery/products/cardon-gigante-2

0 Likes
Highlighted
Tourist
4 0 1

Did you find the solution to this? I would like the same to be applied for my Debut theme!

0 Likes
Highlighted
Shopify Expert
3464 543 816

Hi @JennyB  and @CandJ 

If you want to hide unavailable combination from variants box then every time you have to replace variants box on selection because combination only available that you created in admin. so you have to change this in Asset->theme.js file ->find "_onSelectChange" this is your variants selection callback function,

For that you need coding knowledge so if you cant you have to hire developer.

Let me know if you need help.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
4 0 1

@JennyB on your website it seems to work now, any chance you would share the secret with us?

 

Thnx!

1 Like
Highlighted
New Member
2 0 0

sorry, but I asked a developer...i don't know the solution :)

0 Likes
Highlighted
Shopify Expert
3464 543 816

Hi @CandJ 

You must have to take developer support for that as its difficult task for you because all about Js work, if you need let me know i have already done for some store. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted

hi,please read it ,you can do it your self .

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

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
Highlighted
Explorer
49 5 5

This only works for single option products...

 

"If your products have more than one product option, then you can't use the theme customization outlined on this page."

 

Any ideas how to do for multiple porduct options?

 

0 Likes
Highlighted
New Member
1 0 0

Thanks m8, you helped me on 2020😁 

0 Likes
Highlighted
New Member
1 0 0

Hi, 

I've just updated my Debut theme with the following, which seemed to do the trick (requires some coding knowledge):

https://gist.github.com/jonolayton/7c7b2fc313fa973c04e02f08c7a3cd88

Hopefully it works for anyone else needing the same.

0 Likes