

#WOOCOMMERCE UPLOAD OPTIMIZE IMAGES TURN OFF UPDATE#
When you add this code snippet in the functions file save to update the changes and you will successfully remove zoom effect from the single product image.In the return statement of this function use th e apply filters to set the size of the product image and remove zoom effect as follows : apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ) ) Create the callback function and in the function pass two parameters $html and $post_id.For example the following is the code for adding the filter add_filter('woocommerce_single_product_image_thumbnail_html', 'njengah_remove_zoom_effect_product_image', 10, 2) Open the functions.php file of the child theme and add a filter that hooks on ‘woocommerce_single_product_image_thumbnail_html’.Alternatively use the FTP or CPanel file manager to access the functions file of the active theme, preferably use the child theme. Log in to your WooCommerce site and access the theme editor under Appearance menu > Theme Editor.The following are the steps you should take to remove zoom effect on WooCommerce product : If You don’t like the product image zoom on single product you can use the filter to remove it. You need to make sure that you upload images of the correct dimensions. You can do a few things to optimize the images if they slow down your website. There can be several reasons, like a slow server, images not optimized well, and more. Remove Zoom Effect on Woocommerce Product Image Sometimes the images you upload to your WooCommerce store slow down your website.

This zoom effect appears as shown on the image below:

The Zoom effect appears when you hover on the large image on the single product page. In this post, I will share the quick tips on how you can remove zoom effect on the WooCommerce product image. Some of the product images do not require zoom effect and you may want to remove zoom effect on this WooCommerce image. This zoom effect is an important feature that allows users to examine the product image in detail. In the product page the WooCommerce product thumbnail comes with a zoom effect by default.
