View Product Page

Zoom options – free version

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

Zoom options
  • Hide zoom on mobile devices: enable this option to disable the zoom feature on mobile devices.
  • Zoom window position: choose the position of the zoom window in relation to the product image from Right side and Inside.
Zoom on the right side
Zoom inside the image
  • Zoom window sizes (pixels): set the width and height of the zoom window in pixels. Leave 0 for the default value.
  • Loading label: set the text that will show over the image when it 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 option 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 installing the plugin, a lightbox option will be enabled automatically to show the product images in a modal window.

To customize the lightbox options, go to YITH > Product Gallery & Image Zoom > Main Image Options > Lightbox.

Lightbox options

Here you can configure:

  • 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, or bottom right.

Product gallery options – free version

From the tab Product gallery options, you can control what the product gallery will look like.

Product gallery options
  • Hide gallery thumbnails from single product page: enable this option to hide the default product gallery thumbnails from the product page. Keep it enabled to apply advanced settings to the gallery and use 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 goes back and jumps to the 1st thumbnail.
  • Autoplay slider: the slider will automatically play and let the images rotate when the page is loaded.