{"product_id":"image-swatches-canopy","title":"Image Swatches","description":"\u003cp class=\"task-lead\"\u003eA brand wanted their image swatches linked to the gallery so choosing a swatch showed that option's photo.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eLink the swatch images to the gallery images. When a customer chooses an image swatch, the main product image should switch to that option.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eSwatches that didn't drive the gallery.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe connected the image swatches to the product gallery so selecting one shows its photo, and filters the gallery to that option's images.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSwatch selection switches the main image\u003c\/li\u003e\n\u003cli\u003eGallery filtered to the selected option\u003c\/li\u003e\n\u003cli\u003eWorks in quick view\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155706441802,"sku":"TASK-0411","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/image-swatches-canopy","provider":"TaskHusky","version":"1.0","type":"link"}