How to remove Zoom hover effect

ShopIsle theme uses WooCommerce. In WooCommerce product pages, there is image Zoom in effect.

This feature was added in WooCommerce 3.+ versions. Thus, this is not a theme feature. Instead, WooCommerce's feature.

To remove it, Create a child theme . Open functions.php file of the child theme and add following code:

function remove_image_zoom_support() {
    remove_theme_support( 'wc-product-gallery-zoom' );
add_action( 'wp', 'remove_image_zoom_support', 100 );

You're done. It should look something like below image(Static) even when you hover over the image.

Note that users will still be able to click on the image and see it as a larger image. Only Hover effect is disabled with this customization.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us