The gallery slider controls how customers navigate between product images in the main image area.
Navigation Options
- Arrow buttons (left/right)
- Overlay arrows (displayed on top of the image)
- Keyboard arrow keys (when the gallery is focused)
- Mouse drag
- Touch swipe (mobile)
- Mouse wheel scroll
Transition Effects
- Slide — Images slide horizontally into view.
- Fade — Images fade in and out.
- Zoom — Images scale up as they transition.
- None — Instant switch with no animation.
Additional Slider Settings
- Animation duration — Controls how fast transitions play (in milliseconds).
- Loop — Whether the slider wraps around from the last image to the first.
- Direction — Left-to-right or right-to-left image order.
Pagination Styles
- Dot pagination — Small circular dots displayed below the main image.
- Progress bar — A thin bar that advances with each image (Pro).
- Numeric count — “Image 2 of 5” style indicator (Pro).