Get a fast, conversion-focused WooCommerce theme in 2024. Switch to Shoptimizer.

Home Documentation Shoptimizer Shop and Categories Change product card images on hover

Change product card images on hover

Shoptimizer includes an option to display a different product image when hovering over one. To implement this on your own store it’s a two step process.

First, set this theme option to be active:

Appearance > Customize > Layout > WooCommerce - 'Image change on hover'

Next, your product must have another image in its gallery like so:

Product Gallery Image

If you are using CommerceKit swatches and attribute galleries functionality, images will not change on hover. They will change when a swatch is selected.


Do you want a whopping $50 off Shoptimizer for WooCommerce?

Click the button below to get Shoptimizer for only $49. (Regular price: $99).
This is a special launch offer for today only.
Get it before it is gone!