{"product_id":"featured-collection-carousel-on-homepage-pacific","title":"Featured Collection Carousel on Homepage","description":"\u003cp class=\"task-lead\"\u003eAn apparel brand wanted the featured collection tiles on the homepage to show color swatches and swap the image on hover.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eOn the featured collection sections, I want customers to see the available colors and hover to preview each one. Also, on hover the image should change to a second shot.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eHomepage tiles were static. The brand wanted them to preview the product's range.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added color swatches to the featured collection tiles that swap the product image when hovered, plus a second-image hover for the default view. On touch devices, tapping a swatch does the same.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eColor swatches on featured collection tiles\u003c\/li\u003e\n\u003cli\u003eImage swaps on swatch hover\u003c\/li\u003e\n\u003cli\u003eSecond-image hover on the default view\u003c\/li\u003e\n\u003cli\u003eTap behavior on touch devices\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154838614090,"sku":"TASK-0056","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/featured-collection-carousel-on-homepage-pacific","provider":"TaskHusky","version":"1.0","type":"link"}