Image Zoom on the Product Details Page
Image Zoom is a feature for your CRM's online store that enables customers to examine product images in greater detail. By configuring how images behave when a customer interacts with them, you can enhance the shopping experience and help buyers feel more confident about their purchases.
Key Benefits
Offering image zoom on your product pages provides several advantages:
- Enhanced Detail Inspection: Customers can closely view textures, patterns, and small product features.
- Improved User Experience: Interactive zoom options make product exploration more engaging and intuitive.
- Flexible Presentation: You can select the zoom style that best complements your products and store design.
- Full-Screen Viewing: The lightbox option provides a dedicated, large-scale viewing environment with navigation controls.
Available Zoom Options
You can choose from three different zoom behaviors for your product images.
No Zoom
This setting provides a basic image viewing experience. Images will not zoom when clicked or hovered over.
Use this option when: Your product images are clear at their default size, or you prefer a minimalist page design.
Click & Hover Zoom
This option allows customers to zoom in on an image by clicking it or moving their cursor over it. The zoomed-in view appears directly on the page.
Use this option when: Your products have intricate details that benefit from close inspection, and your customers primarily shop using a desktop computer.
Open Lightbox Zoom
When a customer clicks a product image, it opens in a full-screen overlay (a lightbox). Within the lightbox, customers can zoom, pan, and navigate through all available product images.
Use this option when: You have multiple product images and want to offer a comprehensive, gallery-style viewing experience.
Supported Media Layouts
Image Zoom is compatible with the following product image layouts on the Product Details Page:
- Stack Gallery
- Stack Carousel
- Two-Column Layout
Note: Image Zoom applies only to images. Videos displayed in the product media area are not affected by these settings.
How to Configure Image Zoom
Follow these steps to set up image zoom for your product pages:
- Navigate to your store's Product Details Page in the editor.
- Select the Product Details element.
- In the element's settings, find the Image Zoom option.
- Choose your desired behavior from the available options: No Zoom, Click & Hover Zoom, or Open Lightbox Zoom.
- Save your changes.
- Publish the page to activate the new settings on your live storefront.
Frequently Asked Questions
Can I use Image Zoom with any product image layout?
Yes, Image Zoom works with the Stack Gallery, Stack Carousel, and Two-Column Layouts.
Does Image Zoom work on videos?
No, the zoom feature is designed for product images only.
Which zoom option is best for desktop users?
Click & Hover Zoom is ideal for desktop shoppers using a mouse.
What does the Open Lightbox Zoom do?
It opens the clicked image in a full-screen popup where users can zoom, navigate between images, and view thumbnails.
Do I need to publish the page after changing the settings?
Yes, you must save and publish the page for the new zoom behavior to become active for your customers.