Image zoom
Magnify the main image on hover (or tap) so shoppers can see details before opening the lightbox. One mode is active at a time.
- Pointer over the main image, magnified in place
- A round magnifying lens
- A zoomed panel to the right of the image
Mode
Zoom mode is a row of four boxes; only one mode is active at a time. This zoom works on the main image itself, before the lightbox opens; the lightbox has its own zoom button.
| Mode | Desktop (mouse or trackpad) | Phones & tablets |
|---|---|---|
| None | Default. No zoom. | — |
| Inner Zoom | The image magnifies in place and follows the pointer. Clicking still opens the lightbox. | Tap to zoom in or out at that point; drag to pan. Swiping still changes the image. |
| Lens Zoom | A magnifying lens follows the pointer. | No effect. |
| Window Zoom | A zoomed view opens in a panel beside the image, the same height as the image. | No effect. |
While Inner Zoom is on, tapping the image zooms instead of opening the lightbox. If you want taps to open the lightbox on phones, choose None, Lens Zoom or Window Zoom.
- Mode card: None, Inner Zoom, Lens Zoom and Window Zoom boxes
- Inner Zoom, Lens Zoom and Window Zoom cards below
Mode settings
Each mode has its own card; its settings only apply while that mode is selected.
| Card | Settings (default, range) |
|---|---|
| Inner Zoom | Magnification (%) 200 (150–400; 200% = twice the size) |
| Lens Zoom | Lens size (px) 150 (80–300) · Lens shape Circle or Square · Magnification (%) 200 (150–500) · Border width (px) 2 (0–8) · Border color #ffffff |
| Window Zoom | Panel width (px) 400 (250–600) · Panel position Right of image or Left of image · Magnification (%) 200 (150–500) · Border width (px) 1 (0–8) · Border color #e2e4e9 |
Zoom uses the full-size image, so upload large, sharp product photos (at least 1500–2000 px wide). The Window panel opens outside the gallery, so leave room on that side (by default it covers part of the product summary).
The Lens shape always shows as a circle and the Window panel always opens on the right; the Square and Left of image options don't take effect yet.