Quick view, image zoom, and hover effects can enhance your store's shopping experience by making it easier for customers to view and interact with products.

Image Zoom

Image zoom lets customers examine product details more closely by enlarging product images. Available on:

• Product details pages
• Quick view lightboxes

To enable image zoom:

1. Go to product details page and click Edit
2. Click the pencil icon
3. Select "Zoom" from Hover action dropdown
4. Adjust zoom factor (1-5x magnification)

Note: Image zoom only works on desktop devices.

Quick View

Quick view displays product details in a lightbox without leaving the current page. Available on:

• Summary blocks
• Product blocks
• Store pages

To enable quick view:

1. Open page/block settings
2. Navigate to Quick view options
3. Toggle "Enable quick view" on
4. Save changes

Hover Effects

Three main hover options:

• Alternative image (shows second product image)
• Fade effect
• Product info overlay (displays name and price)

Implementation varies by template and version:

• Version 7.1: Shows alternative images on hover
• Version 7.0: Offers additional effects depending on template family

Best Practices:

• Format images properly before upload
• Enable features consistently across store pages
• Test functionality on different devices
• Consider mobile users (some features unavailable)
• Maintain high-quality product images

These features work together to create an engaging shopping experience while helping customers make informed purchase decisions.

Related Articles

Previous Articles