Quick view

Set up product quick view to view product details without leaving the current page

What is a Quick view?

The Product Quick view option offers several unbeatable benefits:

• Improved shopping experience: It's easier for your customers to select and add any items to cart without loading the whole product age and clicking back-and-forth between the product page and the item pages for details.

• Reduced server load: The product page is not reloaded when the shopper selects this feature.

• Display of discounted pricing and other details: You can utilize the quick view feature to show discounts before the cart page.

You can manage which blocks are shown on the Quick View - such as the buy buttons, variant picker, price, SKU, complementary products, badges and tags, etc.\

How to enable Quick view

Quick view can be enabled for your Product cards.

Steps:

1. In theme editor (Customize), navigate to Theme settings > Product cards.

2. Select the option Enable Quick view button.

👀 Learn more: Product cards

How to customize Quick view

Change the Quick view type

Steps:

1. In theme editor (Customize), navigate to Theme settings > Quick view.

2. Select the type as Drawer/ Modal.

Learn more: Quick view

Quick view type as Drawer

Quick view type as Modal

Product media layout in each type is different:

• Drawer: Stacked layout

• Modal: Carousel.

Customize what is included in the Quick view

Steps:

1. In the theme editor (Customize), locate Overlay group > Quick view.

2. Make necessary changes.

3. Save.

Section settings

• Media: To know more about media types, see Product media.

  • Enable sticky content on desktop: Allow the content to stay visible as customers scroll through the product details. (for Quick view type as Drawer).

  • Enable video looping: Allow videos in the product media to play continuously.

Block settings

The Quick View feature includes multiple blocks to display detailed product information. You can add, remove, or customize them as you like, similar to the Product information section.

---

Install XFlow Back In Stock Automation FREE