Remove image Zoom Effect on WooCommerce products in Beaver Builder Theme

By default images displayed on WooCommerce product pages have a zoom effect.  An image will zoom on mouse hover by the user. You can easily disable this zoom effect using a few lines of code.

PHP Snippet: Removes Zoom Effect

With your Beaver Builder child theme active, go to Appearance > Themer Editor in the WordPress dashboard. Then open the functions.php file of your child theme and enter the following PHP codes at the end.

add_action( 'init', 'wpd_remove_zoom_effect_wc_product' );
function wpd_remove_zoom_effect_wc_product () {
	remove_theme_support( 'wc-product-gallery-zoom' );

Save changes and clear cache (if any). The zoom effect should be disabled now on single product pages of WooCommerce.

Leave a Comment