Disable Zoom effect in Woocommerce Single Product Page

Woocommerce one of the most used e-commerce plugin for WordPress. Woocommerce recently updated with new feature called Zoom effect on product image in single product page. Please check the screenshot below, Zooming on mouseover.

In this guide, you can learn about how to disable zooming effect while mouseover on product featured image using custom CSS.

Just copy the below CSS and paste it in your theme CSS File.

If you are using Jetpack, its easy add custom CSS using Edit CSS. Please check the screen shot below.

That’s it. After adding the above CSS. Now Zoom effect is disabled. Please check the screenshot below.

Post Comment