The request
“I'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.”
Products photographed in context and on white. Showing both from the grid let customers see more without clicking.
The approach
We 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.
What we shipped
Second-image hover on collection tiles
Same behavior in related products
Smooth fade between images
Touch devices unaffected