Let’s start with the main zoom options, that you can find in YITH > Product Gallery & Image Zoom > Zoom Options.
Hide zoom on mobile devices: enable to disable the zoom option on mobile devices.
Zoom window position: choose the position of the zoom window in relation to the product image:
Zoom window size (pixels): set a width and hight for the zoom window in pixels. Leave 0 for the default value.
Show zoom icon: enable to show a magnifying glass icon and customize its colors, size and position in the options below.
Zoom icon colors: icon and icon on hover, background and background on hover.
Zoom icon size (px): choose the size of the icon in pixels.
Zoom icon radius (%): set the border radius to change the shape of the zoom background. From 0% square to 100% round.
Zoom icon position:
Loading label: set here a text that will show over the image when the image is loading. This cannot be appreciated if the site is loading images quickly, but it is useful if your users visit the site with a slow connection.
Lens border opacity: this controls the opacity of the square or rectangle zoom lens. From 0% invisible to 100% fully visible.
Blur main image: enable to blur the main image when zooming. This effect will be visible only if the zoom box is on the right side of the product image, not when the zoom is set to show inside the image.
The plugin allows you to also enable a lightbox option to show the product images in modal window. You will find all the options for the Lightbox functionality in YITH > Product Gallery & Image Zoom > Main Image Options > Lightbox.
Enable lightbox in main product image: enable the lightbox feature on the main product image. This will show an icon that will open the image in a modal window when you click on it. You can customize the icon with the options below.
Lightbox icon colors: background and background on hover – icon and icon on hover
Lightbox icon size (px): set the lightbox icon size in pixels.
Lightbox icon radius (%): set the border radius to change the shape of the lightbox icon background. From 0% square to 100% round.
Lightbox icon position: choose in which position to show the lightbox icon on the product image:
Lightbox overlay color: set the color for the lightbox overlay. Opacity settings are supported.
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”.
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.
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.