Disable the WooCommerce product image zoom effect

In case you want to get rid of the lousy WooCommerce product image zoom effect then check out the simple method that I used.

I use Elementor page builder in my projects a lot, and by default the WooCommerce single product page gets the image zoom effect for product image. I personally dislike this effect and almost always I eliminate it. This is very simple by using the following code in your functions.php file:

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

That’s All Folks! 🙂

P.S. This is tested and working with Hello Elementor theme, so you should backup your data before trying this on some other themes (though many other people reported this as positive working).

Categorized as WordPress

By janoshke

Web developer and IT consultant. Freelancer with full respect for OpenCart and WordPress. Gamer, (ex)drummer and parent.

Leave a Reply