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:
In theme editor (Customize), navigate to Theme settings > Product cards.
Select the option Enable Quick view button.
👀 Learn more: Product cards
How to customize Quick view
Change the Quick view type
Steps:
In theme editor (Customize), navigate to Theme settings > Quick view.
Select the type as Drawer/ Modal.

Customize what is included in the Quick view
Steps:
In the theme editor (Customize), locate Overlay group > Quick view.
Make necessary changes.
Save.

Section settings
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.

Last updated