> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://rubik-combined-listings.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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**:
![](https://storage.crisp.chat/users/helpdesk/website/-/3/a/d/7/3ad7eddcf19c2c00/image_z8cqbn.png)
* **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.