[Support request] Woocommerce Zoom Reduction

[Brittany]

Hi there!

Is there a way to reduce the zoom factor on a Woocommerce product page? It’s pretty large when hovered over.

[Leo]

Hi there,

That’s actually a feature coming from WooCommerce plugin itself.

I googled around but doesn’t look like they have a filter to modify the setting – definitely worth checking with their support.

If not then it might be good to try a couple WooCommerce Image Zoom plugins and see if any of them suits your need?

[Brittany]

Ok cool! I’ll look into that along with putting in a ticket with them. If there’s anything that I can find, I’ll update this support topic with my findings!

Thanks! 🙂

[David]

Hi there,

the Zoom image uses the original full size image you uploaded. So simplest way is to upload smaller images. Or you can add this PHP snippet:

add_filter( 'woocommerce_single_product_zoom_options', 'custom_single_product_zoom_options', 10, 3 );
function custom_single_product_zoom_options( $zoom_options ) {
    // Changing the magnification level:
    $zoom_options['magnify'] = 0.7;

    return $zoom_options;
}

https://docs.generatepress.com/article/adding-php/

Just adjust the $zoom_options['magnify'] = 0.7; size

[Brittany]

This worked great! Thanks so much David! 🙂

[David]

Glad to be of help.

[Author]

Posts