About WooCommerce Product Gallery & Image Zoom

Overview of WooCommerce Product Gallery & Image Zoom

What does the plugin do

WooCommerce Product Gallery & Image Zoom plugin offers advanced image zoom functionality with options to adjust zoom window position, icon appearance, and loading label customization. Additionally, users can enhance product presentation with lightbox features, including customizable icon settings and overlay color. Enable/disable gallery thumbnails and configure their appearance and behavior. The plugin also enables the exclusion of specific products or categories from gallery and zoom features.


The features of the WooCommerce Product Gallery & Image Zoom plugin mentioned below allow users to fully customize and enhance the product gallery and image zoom functionality in their WooCommerce store.

  • Show/Hide zoom icon on product images
  • Blur the main image when zoomed in
  • Enable/disable the lightbox icon on the main product image
  • Enable infinite thumbnail slider
  • Allow autoplay for the thumbnail slider
  • Show navigation arrows:
    • Fixed
    • On Hover
  • Set the number of thumbnails to show
  • Enable/disable product gallery thumbnails on single product pages
  • Customize the appearance and behavior of gallery thumbnails
  • Change the main image on:
    • Click
    • Hover
  • Exclude specific products or entire categories from the product gallery and image zoom feature

Customization Options

The plugin supports the following customization options:

  • Choose the position of the zoom window in relation to the product image:
    • Right side
    • Inside
  • Enter the custom loading label for the zoom feature
  • Customize the zoom and lightbox icons by adjusting their:
    • Background Color
    • Background Hover Color
    • Icon Color
    • Icon Hover Color
    • Icon Size
    • Icon Radius 
    • Icon Position 
  • Set lightbox overlay color
  • Adjust the placements of zoom and lightbox icons on the product images:
    • Top Left
    • Top Right
    • Bottom Left
    • Bottom Right
  • Customize slider navigation by choosing a custom:
    • Background Color
    • Border Color
    • Icon Color
    • Hover Background Color
    • Hover Border Color
    • Hover Icon Color
  • Modify inactive thumbnail appearance:
    • Add opacity
    • Add grayscale
    • Add zoom effect