Product Card Image Swap on Hover

On collection and grid pages, hovering over a swatch inside a product card can temporarily replace the card’s featured image with the hovered product’s image. This creates a live preview effect and helps customers explore different options without opening the product page.

This feature is controlled globally from Settings:

• Change product card image on hover

When enabled, hovering over a swatch updates the product card image in real time.

• Product card hover image resolution (300–2000px)

Defines the width of the image loaded during hover, allowing you to balance image quality and performance.

Updated on: 17/02/2026