Quickview
Quickview is a special feature developed for the products that have multiple variants. A powerful popup with a plenty of useful components:
1. Badge
Displays product tags.
2. Product Title
Display product title.
3. Product rating
Display the product's rating.
4. Price
Display product price.
5. Inventory status
Inventory status signifies the availability of a product. It's vital for ensuring products are in stock, managing inventory efficiently, and informing customers about availability on your website.
Low inventory threshold: Set the number of items left to trigger a “Low stock” alert.
Inventory base quantity: Set the starting stock quantity to display the progress bar correctly.
6. Product meta
Show/hide collections, SKU, product type, and product tags.
7. Description
Detailed product short description.
8. Highlights
Show key product benefits using icons and short labels.
9. Key features
List the key benefits of the product.
10. Promotion alert
Displays promotional messages (e.g., 🔥 Limited Time). Fill in the settings:
11. Promotion countdown
Display the promotion countdown.
You need to create a metafield before displaying this block. Please see how to create a metafield here.
12. Text
Add the custom content you want.
13. Variant picker
Products with variants provide customers with more choices. To learn more about variants and how to add them to your store, visit the following link.
Type : Pills and Dropdown
Show size chart: Display size chart
Size trigger: Define the label(s) used for size options. Separate multiple names with commas.
Size chart label: Title of size chart.
Size chart page: Select the page to display the size chart you've created.
Footer content: Add custom text or links to provide additional information, such as support options or important notices, in the footer section.
Custom size chart: Using specific size charts for each collection or product.To use a custom size charts for product or collection, create metafield with namespace and key: "custom.size_chart". Learn more.
14. Buy buttons
Show dynamic checkout buttons: Toggle the ''Show dynamic checkout buttons" option to include a direct checkout button
Show recipient information form for gift card: Enables users to schedule gift card deliveries with personal messages. Learn more
15. Icon with text
Use this block to show a small icon with a short message — like free shipping, secure checkout, or money-back guarantee.
SVG Icon: Choose an appropriate icon
Text: Write a short text .
16. Collapsible row
Add a heading and extra information on the tabs.
Heading: Include a heading that explains the content.
Row content: The content, as you've written
Row content from page: The content is get from the selected page
17. Ask a question
Display a form for users to submit questions to the seller about the product.
18. Share
Display social networks for sharing or copying links to share.
Quickview presents product details in a drawer format, offering customers a convenient way to access comprehensive information without visiting a separate product page, streamlining the shopping experience.
Section setting
This section allows you to customize the quickview popup.
Enable image zoom
Let customers zoom in on product images in the quickview.
Enable video looping
Make product videos play in a loop.
Enable video autoplay
Automatically play product videos when the popup opens.
*Note: Videos are muted automatically to allow autoplay. Won't work for YouTube/Vimeo.
Block
In the Quickview settings, you can add various content blocks to customize the appearance and functionality of the Quickview feature.
Badge: Displays product tags.
Product Title: Display product title.
Product rating: Display the product's rating.
Price: Display product price.
Description: Detailed product description.
Text: Add the custom content you want.
Buy buttons: Buttons to pay
Highlights: Show key product benefits using icons and short labels.
Key features: List the key benefits of the product.
Promotion alert: Displays promotional messages (e.g., 🔥 Limited Time).
Variant picker: Products with variants provide customers with more choices.
Inventory status: indicates the availability of the product.
Icon with text : Use this block to show a small icon with a short message — like free shipping, secure checkout, or money-back guarantee.
Media lightbox: Display images or videos in a carousel.
Pickup availability : Show customers if a product is available for local pickup at a nearby store or location.
Collapsible row: Add a heading and extra information on the tabs.
Ask a question: Display a form for users to submit questions to the seller about the product.
Share: Display social networks for sharing or copying links to share.
Complementary products: select complementary products using the Search & Explore app.
Ask a question: Display a form for users to submit questions to the seller about the product.
Share: Display social networks for sharing or copying links to share.
Product meta: Show/hide collections, SKU, product type, and product tags.
Promotion countdown: Display the promotion countdown.
For more details on block settings refer to Block setting
Last updated