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.
|
1 2 3 4 |
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.
Thank you for this!!