Shopify / dawn

Shopify's first source available reference theme, with Online Store 2.0 features and performance built-in.
Other
2.4k stars 3.18k forks source link

PDP Variant Picker - Only allow user to interact with dropdown if a choice between several options exists #166

Open bredowmax opened 2 years ago

bredowmax commented 2 years ago

Describe the enhancement you'd like On PDP, currently dropdown is rendered even if the current option is the only one that exists, falsely suggesting the shopper that a choice exists, when in fact there isn't one. In these cases, the dropdown shouldn't be rendered, or at least be inactive.

Additional context/screenshots Screenshot 2021-07-12 at 15 26 38

tomatic commented 2 years ago

I think making the dropdown inactive would be better as it can still contain relevant information, e. g. as per your example "One size fits all". It might even be an idea to render the dropdown in a way that discourages clicking/tapping on it, so it's immediately clear that the element is informational rather than interactive. This could be done either by styling the dropdown accordingly or replacing it with a disabled text field or something similar.

sciascia commented 2 years ago

We often need both, to hide or fade variant exceptions.

e.g. Take bedding...

DEFAULTS