{"product_id":"image-variants-and-image-swatch-turbo","title":"Image Variants and Image Swatch","description":"\u003cp class=\"task-lead\"\u003eA retailer building on a new theme wanted variant selection to use image swatches for pattern and finish options.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe new site is on a different theme. I want the variant selector to use image swatches for pattern and finish, not text dropdowns.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eOptions that needed to be seen.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe replaced the pattern and finish dropdowns with image swatches showing each option, updating the product gallery on selection.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eImage swatches for pattern and finish\u003c\/li\u003e\n\u003cli\u003eGallery updates on selection\u003c\/li\u003e\n\u003cli\u003eConsistent in quick view\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155700969546,"sku":"TASK-0386","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/image-variants-and-image-swatch-turbo","provider":"TaskHusky","version":"1.0","type":"link"}