Hide Variant with one option Debut theme

Solved
New Member
1 0 1

Hi Qualitycheck,

I want to hide options from the dropdown when the variant does not exist

https://sprocket-care.myshopify.com/products/x-hand-sanitiser-stand

Password: letmein

 

Available Options are only:

No Sign | N/A

DIY Sign Kit | Print your own sign

Standard Sign | Blue

Standard Sign | Grey

Custom Sign | Add my logo

 

Eg. So when I choose "No sign" for first option, I only want the second dropdown to show "N/A" and not the other options.  

Can you assist with this?

New Member
1 0 1

Once applied, there seems to be a black space where the variant used to appear. This causes other variants (that I want to keep) to be shifted over unnecessarily. Is there a way to alter to code to prevent a "place holder" where the unwanted variant was eliminated? 

Tourist
8 0 2

Hello, 

 

I have added this code to my file and it has not changed anything. Could I be doing something wrong? 

 

Taylortth_1-1595260105481.png

 

0 Likes

@simonsprock  It's much better for the user if you use only one dropdown that contains all of the five options. That way the user only has to choose from one dropdown, instead of two separate dropdowns - less friction to get to checkout. You can also fully control the option combinations that way without relying on hacks controlling the dropdown options.

If my reply helped you, please give it a Like and mark it as Accepted Solution.
Do you want me to fix your theme code? Visit https://www.fiverr.com/s2/a9cef5059a
Need a website tester? Visit https://www.fiverr.com/s2/e4370711eb
0 Likes
Tourist
14 0 3

I know this is an old post -- are you still having that problem? Make sure you are using display:none and not visibility:hidden. Otherwise, you can provide me with the code and I can try and help you!

0 Likes
New Member
9 0 0

what if I have multiple variants and options how can I hide the ones that don't relate? Please help: 

 

np212585_0-1610840449049.png

 

0 Likes