The request
“We want to implement changes we see on another store. Their size and color options are buttons, not dropdowns. Ours are dropdowns. Make ours look like theirs.”
Dropdowns hide options. Buttons show them all at once. The brand wanted the visibility.
The approach
We replaced the variant dropdowns with button groups for size and color. Unavailable combinations are shown crossed out. Selection updates price and availability as before.
What we shipped
Variant dropdowns replaced with buttons
Unavailable options shown crossed out
Price and availability update on selection
Styled to match the reference