The plugin is built mobile-first and provides a dedicated set of settings for optimizing the product gallery experience on phones and tablets.
Touch Gestures
- Swipe left/right — Navigate between gallery images.
- Swipe up/down — Scroll the page (does not conflict with horizontal swipe).
Swipe Threshold
The minimum distance in pixels a finger must travel before a swipe gesture is recognized. Increase this value to prevent accidental navigation when a customer is simply scrolling the page.
Touch Zoom (Pinch-to-Zoom)
Customers can pinch to zoom into product images directly in the gallery, without opening the lightbox. Configurable options:
- Touch zoom enabled/disabled
- Minimum zoom level (how far out the image can zoom back)
- Maximum zoom level (how far in the image can zoom)
Mobile Arrow Navigation
Choose whether to show or hide slider arrows on mobile screens. Since touch swipe already provides navigation, hiding arrows gives a cleaner mobile layout.
Mobile Thumbnails
Control thumbnail visibility and sizing specifically for mobile viewports, independently of the desktop thumbnail configuration.
Responsive Breakpoints
The plugin uses standard responsive CSS breakpoints to adjust layout and behavior across mobile, tablet, and desktop screens automatically. No additional configuration is required for the gallery to adapt to different screen sizes.