{"product_id":"variant-image-linked-to-swatch-brooklyn","title":"Variant Image Linked to Swatch","description":"\u003cp class=\"task-lead\"\u003eA furniture brand wanted swatch selection to drive the product image, so clicking a finish swatch showed that finish.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWhen a customer clicks a color swatch, the main product image should switch to that variant's image. Right now the swatch changes the price but the image stays the same.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eCustomers couldn't see what they were selecting. Wrong-finish returns were the result.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe connected the swatches to the product gallery so selecting a finish shows its image immediately. Where a variant has multiple images, the gallery filters to just that variant's set.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSwatch selection switches the product image\u003c\/li\u003e\n\u003cli\u003eGallery filters to the selected variant's images\u003c\/li\u003e\n\u003cli\u003eWorks in quick view\u003c\/li\u003e\n\u003cli\u003eTested across the full catalog\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154836516938,"sku":"TASK-0047","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/variant-image-linked-to-swatch-brooklyn","provider":"TaskHusky","version":"1.0","type":"link"}