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.

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

Share this Tutorial

Leave a Comment