Responsive
Give tablets and phones their own aspect ratio, thumbnail count and spacing.
Breakpoints
| Device | Screen width |
|---|---|
| Desktop | Wider than 782 px: your main settings |
| Tablet | 782 px and narrower |
| Mobile | 480 px and narrower (falls back to tablet, then desktop) |
These overrides, including Hide thumbnail strip on mobile, apply only while Enable Responsive Breakpoints (General) is on. The arrows' Hide on mobile works either way.
Overrides
The tab has a Tablet (≤782px) card and a Mobile (≤480px) card. "Same as desktop" (or 0) inherits the desktop value.
| Setting | Tablet | Mobile |
|---|---|---|
| Main image aspect ratio | Same as desktop, or a ratio | Same as desktop, or a ratio |
| Visible thumbnails | 0 = same as desktop, or 1–12 | 0 = same as desktop, or 1–12 |
| Spacing below image (px) | 0 = same as desktop | 0 = same as desktop |
| Hide thumbnail strip on mobile | — | Off |
Mobile: 4 visible thumbnails (or hide the strip and let shoppers swipe), and Portrait (3:4) for apparel. To hide the arrows on phones, use Hide on mobile.