View Product Page

Zoom options – free version

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:

  • 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.

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.

Lightbox – free version

When you install the plugin, also a lightbox option will be automatically enabled, so you can show the product images in modal window.

You can customize the lightbox options in YITH > Product Gallery & Image Zoom > Main Image Options > Lightbox.

Lightbox icon colors: background and icon color.

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:

  • top left
  • top right
  • bottom left
  • bottom right

Product gallery options – free version

From this page, you will be able to control how the product gallery will look like.

Hide gallery thumbnails from single product page: this will hide the default product gallery thumbnails from the product page. Keep it enable to ON if you want to apply advanced settings to the gallery and enable the slider.

Slider options

Enable slider: enable this option to show the product gallery images in a slider. If enabled, you will be able to configure colors, arrows and autoplay options from the settings below.

Thumbnails to show: set the number of thumbnails to show in the slider.

Slider colors: background – border – arrow (default color and on hover)

Slider sizes: slider – arrow – border

Infinite slider: enable to let the slider show all the images and start again from the first. This can have a different setting:

  • circular – the thumbnail after the last one will be the 1st of the list and the slider will start again.
  • back to the 1st – after the last thumbnail the slider go back and jump to the 1st thumbnail.

Autoplay slider: the slider will automatically play and let the images rotate when the page is loaded.