Remove Automatic Zoom on WooCommerce product pages

[anointedwebdesign]

Hello

I’m hoping you can help me with this. One the WooCommerce product pages, as soon as the mouse moves over the main product image it automatically zooms in. I would like to remove this function, however I would like to keep the zoom button in the top left and full screen view when this is clicked (so only remove the zoom when the mouse passes over the image).

Can you help with this?

Thank you!

[christian]

Hey Callum,

I can show you how to deactivate the zoom functionality but the zoom button is a part of it. Though there will be no zoom button, the image will be clickable.

You must install and activate a child theme to disable the zoom functionality. Add this code in the child theme’s functions.php.

add_action( 'after_setup_theme', 'disable_wc_new_features', 99 );
 
function disable_wc_new_features() {
  remove_theme_support( 'wc-product-gallery-zoom' );
}

Hope that helps.