Active zoom magnifier

First of all, make sure of the plugin functionalities have been enabled from settings dashboard. plugin.

Activate Zoom Magnifier prem

Within the same section, you can enable/disable the zoom functionality on products when the access take place from mobile devices.

Magnifier settings

Now, you can configure zoom settings on the product image.

Magnifier settings prem
Zoom magnifier on product prem

Settings that can be configured are:

  • “Zoom box width/height”: width and height of the zoom box
  • “Image size”: size of the image shown within the zoom box.
    When you change this option, you must regenerate thumbnails in order to make the plugin work correctly. To regenerate thumbnails, we suggest you use a free plugin like Regenerate Thumbnails.
  • “Zoom box position”: zoom box position in respect to product image (inner or aside)
  • “Loading label”: the label showed during the loading of the product images.
  • “Opacity”: the opacity of the magnifier.
  • “Blur”: enable this option to apply a blur effect to the product image on the mouse hover. This effect will be available only if the zoom box is on the right of the product image.

Slider settings

The plugin allows to show miniatures of the product within a slider. In order to do it, it is essential to activate “Activate slider”.

 Slider settings prem
Thumbnails in slider prem

Here is the list of settings you find within “Slider settings” section:

  • “Items”: the number of images to show under the product image.
  • “Circular carousel”: choose whether to roll product images in a circular way in the slider
  • “Infinite carousel”: choose whether the slider should be sequential showing the product images. If activated, once you reach the last image of the gallery, you will be redirected to the first one of the slider.
    Note: It is possible to create a non-circular infinite carousel, but not the opposite.

Exclude products

The zoom functionality can be disabled in a mass action on whole product categories or in a specific way by assigning the name of products.
In the first case, it is essential to select the categories within “general settings” section of settings dashboard. In the second case, the products must be added to the selection by access to “Single Product Exclusion List” section.

Exclude product categories

Exclude products

YITH WooCommerce Product Add-Ons

YITH WooCommerce Product Add-Ons allows you to configure additional options that you can add to products in your shop. For each option, it’s possible to choose a name, an image and a price, which will add up to the basic ones the product has.

add ons zoom

YITH WooCommerce Product Add-Ons can also be combined with the integrated YITH WooCommerce Zoom Magnifier using the zoom function.

YITH WooCommerce Quick View

YITH WooCommerce Quick View allows the users to get a quick view of the product in which they are interested. The product details will be shown in a popup, so they don’t need to leave the current page.

To make the two plugins work well together you’ll need to enable Enable image zoom in Quick View -> Products -> Content Options. Once enabled it allows you to enable the zoom feature also in the product “quick view”.

How to enable image zoom in quick view popup

Zoom magnifier in quick view


YITH WooCommerce Watermark

YITH WooCommerce Watermark lets you apply a logo or a watermark to all your product images. The Zoom Magnifier plugin uses a different image size, so the  Watermark plugin will add this specific image size in the available image sizes.

zoom and watermark

In order to make the two plugins work together, you will only have to activate the premium version of both of them.

For more information on how to set up the watermark plugin, take a look at the full documentation here.