{"product_id":"size-plus-color-variant-combination-launch","title":"Size + Color Variant Combination","description":"\u003cp class=\"task-lead\"\u003eA sock brand with four color products wanted a size and color selector that let customers pick a combination in one place.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI have four sock products, same design in different colors, each with sizes. I want one page where customers pick color and size together.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eFour products that were really one.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built a combined selector that presents color and size together, mapping each combination to the right product and variant, and adding the correct item to the cart.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eCombined color and size selector\u003c\/li\u003e\n\u003cli\u003eMaps to the correct product and variant\u003c\/li\u003e\n\u003cli\u003eAdds the correct item to the cart\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155721252938,"sku":"TASK-0460","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/size-plus-color-variant-combination-launch","provider":"TaskHusky","version":"1.0","type":"link"}