{"product_id":"image-hover-swap-prestige","title":"Image Hover Swap","description":"\u003cp class=\"task-lead\"\u003eAn apparel brand wanted next and previous arrows to appear when hovering over product images in the collection grid.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI want next and previous arrows to appear on hover over the product image on the collection page. Customers should be able to flip through a product's images without opening it.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eProducts had multiple angles and the brand wanted shoppers to see them from the grid.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added hover arrows on collection cards that cycle through a product's images. On touch devices, a swipe does the same thing. The first image still shows by default so the grid loads fast.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eHover arrows on collection product cards\u003c\/li\u003e\n\u003cli\u003eSwipe support on touch devices\u003c\/li\u003e\n\u003cli\u003eCycles through all product images\u003c\/li\u003e\n\u003cli\u003eFirst image loads by default for speed\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154835468362,"sku":"TASK-0042","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/image-hover-swap-prestige","provider":"TaskHusky","version":"1.0","type":"link"}