Conditional Logic reveal all variant but grey-out not applicable ones

Highlighted
New Member
2 0 0

Hello,

 

I have 2 options for each product.  1st tier is a "Type" dropdown, 2nd tier is "Color" swatches.

 

I want to show every variant in 2nd tier regardless of what "Type" customer choose in 1st Tier dropdown menu.  Then grey-out the ones that are not compatible with the choice from 1st tier dropdown menu selection.  The ones that are compatible stay colored.  When customer change to another "Type", those corresponding variants are available and all others are greyed-out.  Basically just like how Amazon does it on their product page.  Please see photos below for reference.

 

For the Sold Out items, the theme currently grey out that selection and put an "X" across the image.

 

I am using Modular Theme, have a variant image app that helps me display product images as swatches.  This image swatches app cannot change the conditional logic here.  Is there any way I can do this?  Maybe an app that helps? :(

 

reference.png

 

 

0 Likes
New Member
2 0 0

The Theme currently hides all other variants in 2nd tier.

0 Likes