{"product_id":"variant-dropdown-to-buttons-and-swatches-prestige","title":"Variant Dropdown to Buttons and Swatches","description":"\u003cp class=\"task-lead\"\u003eA menswear brand wanted their variant dropdowns replaced with buttons, matching a competitor's product page they admired.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe 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.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eDropdowns hide options. Buttons show them all at once. The brand wanted the visibility.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe replaced the variant dropdowns with button groups for size and color. Unavailable combinations are shown crossed out. Selection updates price and availability as before.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eVariant dropdowns replaced with buttons\u003c\/li\u003e\n\u003cli\u003eUnavailable options shown crossed out\u003c\/li\u003e\n\u003cli\u003ePrice and availability update on selection\u003c\/li\u003e\n\u003cli\u003eStyled to match the reference\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155511898186,"sku":"TASK-0080","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/variant-dropdown-to-buttons-and-swatches-prestige","provider":"TaskHusky","version":"1.0","type":"link"}