Squarespace Store Pages: Hover Effects, Zoom and Preview Features Explained
Store Page Features for Product Display and Customer Interaction
Store pages help showcase and sell products through enhanced features like product preview, image zoom, and hover effects.
Product Image Zoom
Image Zoom lets customers examine products in detail by enlarging product images. Key features:
- Available on product detail pages and lightbox preview
- Activation options: hover or click (version-dependent)
- Zoom factor adjustable between 1-5
- Not available on mobile devices
- Works best with web-optimized images
Sand color tote bag product page
Product Preview
Preview allows customers to view product details in a lightbox without leaving the current page:
- Available on Summary Blocks, Product Blocks, and Store Pages
- Shows product details, images, and "View Full Item" link
- Preview button appears on hover
- Can be styled site-wide for consistent appearance
- Not available on mobile devices
Black dress on hanger
Hover Effects
Different hover effects available depending on version:
Version 7.1:
- Shows alternative product image on hover for all Store Pages
Version 7.0 (Brine, Farro, Skye, Tremont, York families):
- Alternative Image display
- Fade effect
- Product info overlay
- Custom options for specific templates like Galapagos and Supply
Implementation Notes:
- Features vary by template family and version
- All effects aim to enhance shopping experience
- Style settings can be customized site-wide
- Mobile compatibility varies by feature
- Product images should be properly formatted for optimal display