Image Zoom lets visitors take a closer look at a gallery image without opening the Lightbox. When enabled, hovering or clicking an item magnifies it — either inside the item itself or in a lightweight popover above the page — so people can study detail in the grid. This is useful for detailed work like product shots, artwork, or anything where the close-up matters.
Location Gallery Settings → Interactions → Image Zoom
Enabling Zoom #
Enable Zoom
| Setting | Enable Zoom |
| Options | On Off |
| Default | Off |
Switch this on to let visitors zoom into images on hover or click. The remaining zoom settings appear once it is enabled.
Image Zoom magnifies images in the grid. It is separate from Lightbox Zoom, which controls zooming inside an opened Lightbox — see the Lightbox Zoom article for that.
Zoom Style #
Zoom Style
| Setting | Zoom Style |
| Options | Inline Popover |
| Default | Inline |
| Visible when | Enable Zoom is on |
Inline — the image magnifies within its own tile in the grid. The surrounding layout stays put.
Popover — a lightweight overlay opens above the page showing the enlarged image, with the rest of the page dimmed behind it.
Zoom Mode #
Zoom Mode
| Setting | Zoom Mode |
| Options | Hover Click |
| Default | Hover |
| Visible when | Enable Zoom is on and Zoom Style is set to Popover |
How the popover zoom is triggered. Hover opens it when the visitor moves their pointer over the image; Click opens it on click instead.
In Click mode, opening the popover takes the place of the Gallery’s normal item-click behaviour for that image.
Hover Delay
| Setting | Hover Delay |
| Default | 300ms |
| Range | 0–2000 |
| Units | ms |
| Visible when | Enable Zoom is on, Zoom Style is Popover, and Zoom Mode is Hover |
How long the visitor’s pointer must rest on an image before the popover opens. A short delay prevents the popover from flickering open as the pointer passes across the grid.
Popover Appearance #
When Zoom Style is set to Popover, a group of appearance settings controls how the overlay looks.
Background Color
| Setting | Background Color |
| Default | rgba(0, 0, 0, 0.2) |
| Visible when | Zoom Style is set to Popover |
The colour of the dimmed backdrop behind the enlarged image. The default is a light translucent black.
Background Blur Intensity
| Setting | Background Blur Intensity |
| Options | Light Strong None |
| Default | Light |
| Visible when | Zoom Style is set to Popover |
How much the page behind the popover is blurred. Light softens it gently, Strong blurs it heavily, and None leaves it sharp.
Padding
| Setting | Padding |
| Default | 24px |
| Range | 0–80 |
| Units | px |
| Visible when | Zoom Style is set to Popover |
The breathing room between the enlarged image and the edges of the viewport.
Show Close Button
| Setting | Show Close Button |
| Options | On Off |
| Default | On |
| Visible when | Zoom Style is set to Popover |
Shows a close button on the popover so visitors have an obvious way to dismiss it.
Click Outside to Close
| Setting | Click Outside to Close |
| Options | On Off |
| Default | On |
| Visible when | Zoom Style is set to Popover |
Lets visitors close the popover by clicking the dimmed area around the image, as well as with the close button.
