How to remove Zoom hover effect

Hi @amirabbasjadidi!

You can turn off the zoom option by adding the following snippet to your functions.php file or using a plugin like Code Snippets to easily add snippets without editing your PHP files.

<?php
remove_theme_support( 'wc-product-gallery-zoom' );

Please take a look at this documentation for pointers:
https://woocommerce.com/document/adding-product-images-and-galleries/#can-i-turn-off-the-image-zoom-functionality

I hope this helps!

Hello @judagutor
When I write the code directly in functions.php, it gives an error and when I add it with the plugin, it doesn’t work!
(tried this on localhost)

Hello,

it gives an error

Can you provide a screenshot of the error, so that we can take a closer look?

I was testing a workaround from this page:
WooCommerce: Disable Zoom, Slider & Lightbox

add_action( 'wp', 'bbloomer_remove_zoom_lightbox_theme_support', 99 );
  
function bbloomer_remove_zoom_lightbox_theme_support() { 
    remove_theme_support( 'wc-product-gallery-zoom' );
    //I removed the lines that are here
}

You can either add the code to your functions.php file or use the Code Snippets plugin.

Let us know if this worked for you, thanks.

Hi @ihereira
My problem was solved with an error, only the code does not work
(code given by @judagutor)

Hello again @ihereira
Your code worked, but can you make it so that clicking on the picture does not open the picture?

Hi @amirabbasjadidi

There’s a plugin for that here https://www.ads-software.com/plugins/wc-disable-zoom-lightbox-features/

Alternatively, use the code here https://createandcode.com/how-to-disable-zoom-lightbox-and-gallery-slider-on-woocommerce-product-pages/

You are looking for remove_theme_support( 'wc-product-gallery-lightbox' );

Cheers!

Hi there,

We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if and/or when you are ready to continue.

Cheers!