SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Product Quickview

Mie Tran

Written by Mie Tran

Last updated

5485 views

On this page


If you want customers to be able to view your products without having to go to the Product Page, you can enable the Product Quickview option on the Frontpage. This option allows customers to view all of your product details without being redirected to the Product page, allowing them to save time and have a better shopping experience in your store.

11.gif

1. Enable Quickview option

  • If you want to configure for Quickview, please enable it on Theme settings first. Please from Theme custom > Go to Theme settings > Product Items > Tick on Enable Quick view.

2023-03-16_14-18-23.gif
  • Besides, you can choose Quick view Type: Hidden Sidebar or Popup Center

2023-05-04_10-56-18.gif

2. How to configure Product Quickview section?

From Kalles 4.3.4, Unsen 1.9.2 change the position to config option

In the previous version, to config Quick shop and Quick view you need to find and edit it in the Theme Sections.

However, the latest version you will config it in the "a-configs" - Product Template and you can config more like Connect Dynamic Source ( Metafield, Metaobject).

  • Choose a product demo: This product helps you see how your Quickview looks like.

When you click on Quick view on all products on Theme custom, it only shows a product demo. Quickview product will show right product on Live/Preview.

2023-05-04_11-22-21.gif
  • MEDIA: you can change Media ratio, Media Position and Media Ratio Size. Moreover, you can enable looping, muting and autoplaying.

2023-05-04_11-24-23.gif
  • PRODUCT SLIDER: you can choose Slider effect, Use prev next button, Use page dots and config the design for them.

2023-05-04_11-25-55.gif

2. Product Quickview content

Go to Product Quickview > Add block > choose block you want to add here. You can add many blocks in Quickview section as a Product Summary.

2023-03-16_14-22-50.gif

2.1. Product title, Product price, Product review, Product description

2023-05-04_11-20-07.gif

2.2. Product form

This block included Swatch, Add to cart and Dynamic checkout Button, Grouped Product, Advance Product Type. You can follow this document to adjust Product Form.

2023-05-04_11-28-09.gif

2.3. Other blocks

Quickview Section also has many other blocks, you can check the guideline for these blocks in Product Page, it is the same as Quick view:

Note: the Short description will automatically show if you create the correct key as this guideline

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.