Squarespace Store Pages: Hover Effects, Zoom and Preview Features Explained

Squarespace Store Pages: Hover Effects, Zoom and Preview Features Explained

By Michael Thompson

January 7, 2025 at 06:54 AM

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

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

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

Related Articles

Previous Articles