Woo product image hover


#1

Hi,
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:


#2

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

If u want u can try :wink:

Have a nice day


#3

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.


#4

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


#5

Hi Mohammed,

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

Regards


#6

Hey guys,

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

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

After that check the images.