How to Remove the Zoom from WooCommerce Product Images

One of the more dynamic interface features of WooCommerce is the ability to zoom in on a product image by simply hovering over it with your mouse. You can find similar design choices on a lot of the most popular online retailers from huge giants like Amazon to smaller shops selling a wide variety of products.

Product Image Zoom in WooCommerce
An example of Product Image Zoom in WooCommerce

The zoom feature for product images is nice but not necessarily something that is right for all kinds of stores or items. For instance, not all products really require users to have the ability to see up tight and close. It’s also possible that the zoom effect provided by WooCommerce could cause conflicts with other parts of your WordPress theme or plugins that you have installed.

You can disable this product image zoom effect inside of WooCommerce in a couple of different ways. So get ready to edit some code in your theme or skip to the end for our simple and more permanent solution.

How to Disable Product Image Zoom from WooCommerce Products with Code Changes

This used to be a lot more complicated but the release of WooCommerce 3.0 has gotten this feature removal method down to a single line of code. Just find the functions.php file inside of your WordPress theme’s directory, open it in your favorite text editor and add the following line:

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

That’s it. After you’ve added that one line you need to save the file and then make sure it gets uploaded/changed on your site’s server. If you are not familiar with how to modifying text files, use FTP to upload them to a server or just want to play it safe by going this direction you should consider hiring a WordPress developer to take care of this for you.

The one caveat to this approach is that the change probably won’t last forever. As soon as the developer of your WordPress theme issues an update and you apply it to your site any changes you’ve made to the theme’s function.php file will go away and you’ll have to add the line and save the file again.

How to Remove Image Zoom from WooCommerce Product Pages without Modifying Your Theme

You can purchase our Remove WooCommerce Features plugin right here on this site and remove the image zoom with just a few clicks of your mouse.

It’s a simple three step process after you’ve downloaded and installed our plugin to your WooCommerce site:

Step #1

Go to the WooCommerce section of your WordPress installation’s admin menu and click the link that says “Remove Features.”

WooCommerce Admin Menu

Step #2

Find the setting for “Product Image Zoom” and click the checkbox so that it’s marked like so:

Remove WooCommerce Features - Product Image Zoom

Step #3

Press the “Save Settings” button.

Save Settings Button

The change will take place immediately. You can verify this by loading up any of your product’s pages and hovering over the image to see for yourself.

The best part about using the Remove WooCommerce Features plugin as opposed to modifying your theme is that the change will last as long as you have the plugin installed and activated. Remove WooCommerce Features applies its settings through theme updates and changes without you having to worry about doing any extra work.

Our plugin does a lot more than just remove the image zoom though. It offers solutions for removing and disabling over 20 different parts of WooCommerce that people find unnecessary or impractical for their store’s needs. With Remove WooCommerce Features you can:

You can read the whole list of features our plugin allows you to remove right here on our site.