Store page special features

Enhance the shopping experience by enabling product quick view, image zoom, hover effects, and waitlists.

Every Squarespace site supports store pages where you can display and sell products. Some sites have extra features, like quick view, image zoom, and hover effects, which display when shoppers run their cursor over product images. This guide explains these features and where they're available.

Tip: Register for our Design tips to increase your store’s sales webinar where we’ll present tools and tips that you can use to help make your products stand out across your site and drive sales.

Features by version

Which features are available depends on which version of Squarespace your site is on.

For version 7.0, these options are available in the Brine, Farro, Galapagos, Skye, Tremont, and York template families. For information about all templates, visit Store page types.

In version 7.1, quick view, image zoon, and hover effects are available on product details pages with the Simple layout.

Image zoom

With image zoom, customers can enlarge product images for a closer look at material, texture, and finer details. You can set the zoom to activate on hover or when the image is clicked.

Image zoom is available on:

• Product details pages 
• Quick view lightboxes

Enable image zoom

How you enable image zoom depends on your site's version.

More help with image zoom

• Image zoom displays a larger version of the image. It technically doesn't zoom in on an image file.
• Image zoom isn't available on mobile devices.
• For best results, format your product image for display on the web before uploading.
• Images with transparent backgrounds (.png) will display the original image behind the zoomed version.
• In version 7.1, image zoom isn't available for product galleries with the Carousel design.

Quick view

With quick view, customers can click a button to view item details in a lightbox without navigating away from the current page. Quick view encourages customers to engage with your store and browse through more of your products.

The quick view button can display on:

• Summary blocks
• Product blocks
• Store pages

The button displays when hovering over the product. The quick view lightbox includes product details, images, and a View Full Item link that leads to the item's page.

If unwanted code displays in quick view, it's likely because there is external text formatting in the product description. To remove the formatting, re-type the product description manually, or paste it as plain text. 

Add quick view buttons

You can enable quick view per-store page and per-block. If you have multiple store pages or blocks, add the buttons to each one.

To add quick view to a product block:

1. In the product block editor, choose a product to display.
2. In the Design tab, switch the Product Quick View toggle on.
3. Save your changes to the page. 

To add quick view to a summary block:

1. In the summary block editor, ensure a store page is selected from the Content tab.
2. Click the Design tab.
3. Switch the Enable Product Quick View toggle on. The quick view button will display over all product's featured image in the block.
4. Save your changes to the page.

To add quick view to a store page:

1. Open the page's settings.
2. Click Advanced, click Quick view, then switch the toggle on for Enable quick view.
3. If you have multiple store pages, repeat these steps for each page.

Style the button and lightbox (version 7.0 only)

After enabling quick view, new sections appear in the Site styles panel. Style settings apply site-wide to create a consistent look.

1. In the Home menu, click Website, click Design, then click Site styles.
2. In the Products: Quick view Button section, customize the style, color, font, padding, position, and size of the quick view button. 
3. In the Products: Quick view Lightbox section, customize the appearance of the lightbox. 

Tip: If your quick view text has formatting issues, try adding the product details as plain text.

More help with quick view

• Quick view isn't available on mobile devices.
• The "quick view" button text can't be customized at this time.
• Product images display as a cropped square in quick view.
• In version 7.0, product descriptions appear in quick view without special formatting, including header styling, bold, italics, bulleted lists, or line breaks.

Hover effects

Hover effects display information or create movement when you move your cursor over a product image, adding interaction and animation to your store. The hover options available on your site depends on your site's version.