Gallery
Let shoppers browse every product image inside the modal, not just the main one.
- Main image with arrows, thumbnails below
Gallery
| Setting | Default | Options |
|---|---|---|
| Show the product gallery | On | The main image plus the product's gallery images. Needs Free's Product image on |
| Maximum images | 10 | 1–30 |
| Transition | Slide | Slide, Fade |
| Image shape | Natural (uncropped) | Natural, Square, Landscape (4:3), Portrait (3:4); fixed shapes crop to fill |
| Loop from last image to first | On | Off hides the arrow at each end |
Products with a single image show it as in Free. There's no zoom, lightbox or video in the modal.
Navigation
| Setting | Default | Options |
|---|---|---|
| Previous/next arrows | On | Appear on hover with a mouse; always visible on touch screens |
| Dots | Off | Over the bottom of the image |
| Thumbnails | Below | Below, Left side, Hidden. The left column becomes a row on phones |
| Visible thumbnails | 5 | 3–8, for thumbnails below; more scroll sideways |
| Swipe on touch screens | On |
Appearance
| Setting | Default |
|---|---|
| Arrow & dot background | rgba(255, 255, 255, 0.92) |
| Arrow icon | #111827 |
| Active thumbnail & dot | #2563eb. Also the hover color of arrows, suggestions and product navigation |
Keyboard & variations
- Click the image area, then ← → change image and Home End jump to the first or last. Screen readers hear "Image 2 of 5".
- Choosing a variation shows its image in the first slide; clearing the choice restores it.
- The sale badge stays on the image.