Site logo

Archived topic

Woocommerce Zoom Reduction

5 replies · Started by Brittany on August 18, 2019

Viewing posts 1–6 of 6

Hi there!

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

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?

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! :)

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

This worked great! Thanks so much David! :)

Glad to be of help.

This archived topic is closed to new replies.