Website Building » WooCommerce » How Do I Get Rid of Image Zoom in WooCommerce Product Pages?

How Do I Get Rid of Image Zoom in WooCommerce Product Pages?

Last updated on October 1, 2022 @ 4:02 pm

If you have ever used WooCommerce, you may have noticed that the product pages have an image zoom feature. This can be annoying if you don’t want your images to be zoomed in on when a customer clicks on them. Fortunately, there is a way to disable this feature.

To disable the image zoom feature on WooCommerce product pages, you will need to add a line of code to your theme’s functions.php file. Here is the code you will need to add:

PRO TIP: If you are using WooCommerce to sell products on your website, you may have noticed that the product images are zoomed in by default when you hover over them. This can be frustrating for customers, as they have to click on the image to see the full product.

There is a setting in WooCommerce that allows you to disable image zoom. However, doing this may cause your product images to appear blurry or pixelated on your website. We recommend only disabling image zoom if you are sure that your product images are high quality and will not look blurry when zoomed out.

// Disable image zoom on WooCommerce product pages
add_action( 'wp', 'disable_wc_image_zoom' );
function disable_wc_image_zoom() {
	remove_theme_support( 'wc-product-gallery-zoom' );
}

Once you have added this code, the image zoom feature will be disabled on your WooCommerce product pages. If you ever want to enable it again, simply remove the code from your functions.

How Do I Get Rid of Image Zoom in WooCommerce Product Pages?

The best way to get rid of image zoom in WooCommerce product pages is by adding a line of code to your theme’s functions. This will disable the image zoom feature on your WooCommerce product pages.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.