Woo product image hover


It would be really nice, if it would be possible to show a the first image from the Product gallery, when you hover a Woocommerce product on the shop template.

Right now the WooCommerce Shop template is a little bit to static, would be nice to get Woocommerce desing update soon :slight_smile:


Hi @helgi_osterpetersen,
Jupiter Shop Customizer got 2x different hover effect. Zoom & Alternate.

If u want u can try :wink:

Have a nice day


So far the safest choice is Zoom, unfortunately the Alternate Style doesn’t work correctly!

The second image is blurry. I fixed once with a code, now that code no longer works.
Too bad.


Hi there,

I’m having the same issue here when I’m trying to use Alternate image. The second one is blurry. Did you find a solution to your issue?

I’d love to know.

Thank you


Hi Mohammed,

From Customizer -> WooCommerce -> Image Sizes, would you kindly increase the size of the thumbnail images? That should resolve your issue.



Hey guys,

To fix the alternate image from being downsized, please create functions.php file in the child theme and add this code:

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
    return array(
        'width' => 1000,
        'height' => 1000,
        'crop' => 0,
} );

After that check the images.