woocommerce how to disable zoom

How to Disable WooCommerce Lightbox/Hover zoom ?

If you’re having troubles removing default WooCommerce LightBox or Image Magnifier, on your product page, don’t worry. I have got the perfect solution for you.

For starters, you will need to paste this snippet into your functions.php file, within the theme folder:

The function of this code will remove the “image zoom” feature on the single product page.

In case you don’t know, WooCommerce Lightbox is a product feature that lets you open the image gallery with just a click.

This feature comes in handy if you are selling products that your customers would want to have a clear view of the product image.

But you don’t want this feature, and you want it disabled, right?

Not a problem… All you have to do is to add the following code in theme’s functions.php

And boom! The product image will automatically disable LightBox or Image Magnifier.

Here’s how the page looks like before the code:

And here’s the image after the code:

Pro tip: Make sure you use only the child theme for all customization on your site. This theme will prevent you from losing all the changes in your store after theme update.

So, what’s your experience using this code? Do you have other ways to do it? Let me know in the comments. We’d love to hear from you.

Description

Running an eCommerce site with WooCommerce? The WooCommerce product image zoom is most necessary for your site. The more you can show your product details to your customers more you can get conversions. Woocommerce Image Zoom allows you to magnify product images and set zooming feature easily and quickly.

It’s premium version Woocommerce Image Zoom PRO comes with an advance setting panel. So you can configure the magnifier as you need.

Plugin Features

  • Show a bigger size product image on mouseover.
  • Plug & Play.
  • No need any extra settings.
  • Very light weight.
  • Work with all WordPress theme.
  • Easy to use.
  • Developer friendly & easy to customize.
  • Powered by Elevate Zoom.

PRO Version Features

  • 3 different types of zoom.
  • Support product variation images zoom.
  • Product gallery images LightBox popup slider with zoom.
  • Form mobile device, on click product gallery image, large product image will be replace with gallery image.
  • Exclude Zoom for specific product and specific category.
  • Changeable zoom window and zoom lens size.
  • 2 different types of zoom lens.
  • Smooth zooming with Easing effect and FadeIn & FadeOut Speed.
  • Advance setting panel with all necessary settings.
  • Life time free update and free support.
  • Video Documentation.
  • Free installation ( if needed ).

Video Documentation:

You may also like our some other WooCommerce plugins

Screenshots

  • Woocommerce Image Zoom in action.
  • Woocommerce Image Zoom in action.
  • Woocommerce Image Zoom in action.
  • Magnifier Settings ( PRO version Only ).
  • General Settings ( PRO version Only ).
  • Single Product Exclusion ( PRO version Only ).

Installation

Install it as a regular WordPress plugin

Active the plugin.

Go to any single product page of Woocommerce product.

Hover product image.

You don’t have to do any setting, just active this plugin and check your single product page image.

WooCommerce Image Zoom does not zooms

Works well with WooCommerce

То, что заработало!

Lightweight and easy to use

Installed via wp cli, works perfectly

Doesn’t play nice with WC Storefront theme

Contributors & Developers

“WooCommerce Image Zoom” is open source software. The following people have contributed to this plugin.

How to Disable Product Image Zoom in Woocommerce

Woocommerce 3+ have built in image zoom feature, When you hover a product image on the single product page, you can zoom on the products images; Most of us love this feature, however, some people would like to remove it.

For Number of reasons such as You are selling something which doesn’t need to use Zoom effect.

In order to disable product Image Zoom, simply paste this snippet into your functions.php file, within the theme folder:

This one line magic code will disable image zoom feature on the single product page in WooCommerce.

Disable WooCommerce Lightbox

Lightbox is a feature which let you click on any images and open the image gallery in WooCommerce. This is a great feature if you are selling something where the user needs to see images closely.

And if you don’t like this feature in general or simply want to disable for any other reason add the following code in theme’s functions.php file

[alert-announce]As always I must remind everyone, Please only use the child theme for all customization. Otherwise, You will loose all the changes after theme update.

The majority of premium themes come with the child theme.[/alert-announce]

If having any issues, please let me know I will do my best to help you out.

Leave a Reply

Your email address will not be published. Required fields are marked *