How to remove Zoom hover effect

Important notice: This product is now in maintenance mode and is no longer being actively developed or supported. Updates and bug fixes will not be provided unless they relate to security concerns.

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.