Tweet
Has anyone been able to set up daisy-chain product options where the choice of one drives whether a subsequent option is shown/hidden? For example, can something like this be configured:
Option 1: What is your favorite food? * Ice Cream * Pizza
Option 2: What is your favorite flavor? * Vanilla * Chocolate (only visible if Ice Cream selected above)
Option 3: What is your favorite topping? * Mushrooms * Peppers (only visible if Pizza selected above)
We are trying to offer a level of customization that needs lots of additional detail to be collected but does not apply to 90% of the shoppers (and therefore most of the options should be hidden). I was thinking of a workaround where I would just put some of the options in a div that can be hidden or shown based on the toggle of another option, but my javascript and html skills are not strong enough.
Option 1: What is your favorite food? * Ice Cream * Pizza
Option 2: What is your favorite flavor? * Vanilla * Chocolate (only visible if Ice Cream selected above)
Option 3: What is your favorite topping? * Mushrooms * Peppers (only visible if Pizza selected above)
We are trying to offer a level of customization that needs lots of additional detail to be collected but does not apply to 90% of the shoppers (and therefore most of the options should be hidden). I was thinking of a workaround where I would just put some of the options in a div that can be hidden or shown based on the toggle of another option, but my javascript and html skills are not strong enough.
Comment