{"product_id":"second-image-on-hover-launch","title":"Second Image on Hover","description":"\u003cp class=\"task-lead\"\u003eA decor brand redesigning their site wanted product tiles to show a second image on hover, on collection pages and in the related products section.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI'm interested in changing the image on hover. When someone hovers over a product on the collection page, show the second product image. Same in the You May Also Like area.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eProducts photographed in context and on white. Showing both from the grid let customers see more without clicking.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a second-image hover to product tiles on collection pages and in the related products section. Tiles fade between the two images. On touch devices the first image stays put so nothing flickers.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSecond-image hover on collection tiles\u003c\/li\u003e\n\u003cli\u003eSame behavior in related products\u003c\/li\u003e\n\u003cli\u003eSmooth fade between images\u003c\/li\u003e\n\u003cli\u003eTouch devices unaffected\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155677311050,"sku":"TASK-0124","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/second-image-on-hover-launch","provider":"TaskHusky","version":"1.0","type":"link"}