🖼️ Product Gallery Slider
The Gallery Slider lets you create a swipeable carousel for product images on your WooCommerce single product pages. This improves browsing, showcases multiple product images attractively, and boosts conversions.
Enable Gallery Slider
Activate this option to display a swipeable gallery slider on product pages.
Gallery Layout
Choose from multiple gallery layouts:
- Thumb Bottom
- Thumb Top
- Thumb Left
- Thumb Right
- Grid
- Hierarchy Grid
- Slide
- Anchor Nav
- Nested
- Bottom Nav
Select the layout that best fits your store’s design.
Gallery on Shop Page
Enable Gallery on Shop Page: Display the gallery slider on your shop archive pages too.
Arrows, Dots, Auto Play: Toggle navigation arrows, dot indicators, and autoplay for the shop page slider.
Image Source
Specify which images to include in the gallery:
- Featured Image
- Product Gallery
- Variation Images: For variable products, show images for each variation.
Image Caption
Enable to display captions under product images in the slider.
Slider Settings
Control slider behavior and appearance:
- Auto Play: Enable automatic sliding.
- Auto Play Speed: Set speed in milliseconds.
- Infinite Loop, Fade Effect, Auto Height, Draggable: Fine-tune slider features for smooth user interaction.
- Lazy Load: Load images only when visible to improve performance.
Pause Settings
Control when autoplay pauses:
- Pause On Hover
- Pause On Dot Hover
- Pause On Focus
Swipe & Vertical
Enable swipe gestures and switch to a vertical slider layout if desired.
Slides To Show
Set how many slides appear per screen size: Desktop, Tablet, Small, and Extra Small. Define how many slides scroll at a time. Toggle arrows and dots for each breakpoint.
Speed
Control the overall slider speed in milliseconds.
Slider Navigation
Slider Arrows & Dots: Enable navigation arrows and dot pagination for the slider.
Select Position: Choose where arrows appear (Center Center, Bottom Right, Bottom Center, Bottom Left, Top Bottom).
Pagination Type: Select from Bullets, Dynamic, Strokes, Progress, or Numbers.
Pagination Visibility on Hover: Show or hide pagination unless hovered.
Thumbnail Navigation
Display thumbnails below the main gallery for easy navigation. Toggle thumbnail arrows for extra control.
Additional Layout & Style
Choose additional gallery layouts for thumbnails. Set Border Radius for smooth corners and customize Arrow Style including background, icon color, and hover states.
Save Settings
After configuring the Gallery Slider, click Save Settings to apply all options to your product pages.
