View Product Page

Zoom options

Let’s start with the main zoom options, that you can find in YITH > Product Gallery & Image Zoom > Zoom Options.

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:

  • Right side
  • Inside
Zoom on the right side
Zoom inside the image

Zoom window size (pixels): set a width and hight for the zoom window in pixels. Leave 0 for the default value.

Zoom icon

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:

  • top left
  • top right
  • bottom left
  • bottom right
Zoom options 3

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.