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.

1. 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.

1. 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

1. 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?

1. Open your Store and edit the Product Details Page.
2. Select the Product Details element.
3. In the Layout Settings, locate the Image Zoom option.
4. Choose your preferred zoom behavior: No Zoom, Click & Hover, or Open Lightbox.
5. 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: