What’s New?
We’ve introduced Image Zoom Options on the Product Details Page, giving customers a better way to inspect product images and view finer details before purchasing. Store owners can now control how product images behave when customers interact with them.
- Image Zoom Settings
A new Image Zoom option is available in the Product Details element settings. Store owners can choose from three zoom behaviors:
- No Zoom – Default behavior with no zoom interaction.
- Click & Hover Zoom – Customers can click or hover on the image to zoom into a specific area for a closer look.
- Open Lightbox Zoom – Clicking the product image opens a fullscreen lightbox with zoom controls and navigation.
- Lightbox Viewing Experience
When Open Lightbox is enabled, customers can:
- View images in a fullscreen popup
- Zoom in or out for detailed inspection
- Navigate between images using previous/next controls
- Browse all images using a thumbnail strip
- Works Across All Media Layouts
The zoom feature is fully compatible with all Product Media layouts:
- Stack Gallery
- Stack Carousel
- Two-Column Layout
This feature improves product presentation and helps customers better evaluate products directly on the product page.
How to Use It?
- Open your Store and edit the Product Details Page.
- Select the Product Details element.
- In the Layout Settings, locate the Image Zoom option.
- Choose your preferred zoom behavior: No Zoom, Click & Hover, or Open Lightbox.
- Save and publish your changes.
Key Points to Note
- Zoom functionality applies only to product images; videos are excluded from zoom behavior.
- Click & Hover Zoom works best on desktop interactions.
- On mobile devices, interactions adapt to touch behavior for a smooth experience.
Images
Builder:
Preview:
Mobile View:
