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.

Success!

The discount has been applied. You will see it when you checkout.

There has been a problem

Unfortunately this discount cannot be applied to your cart.

$50
Off

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!