Zoom In on Product Images for Better Product Viewing

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.

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

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