{"product_id":"display-variant-swatches-on-card-turbo","title":"Display Variant Swatches on Card","description":"\u003cp class=\"task-lead\"\u003eA brand wanted material swatches on collection cards that filtered the product image when clicked.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWhen you click a material under a product card on the collection page, the card image should switch to that material's photo. Working on a draft theme.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eMaterial choices customers wanted to see before clicking.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added material swatches to collection cards that swap the card image on click and open the product with that material selected.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eMaterial swatches on collection cards\u003c\/li\u003e\n\u003cli\u003eCard image swaps on click\u003c\/li\u003e\n\u003cli\u003eProduct opens with that material selected\u003c\/li\u003e\n\u003cli\u003eBuilt on the draft theme\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155699658826,"sku":"TASK-0370","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/display-variant-swatches-on-card-turbo","provider":"TaskHusky","version":"1.0","type":"link"}