Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Ecomus - Product - Quick view and Quick add

Harry

Written by Harry

Last updated

372 views

On this page


Quick view and quick add are the 2 convenient ways for customers to gain information about a specific product, which leads them to buy the product and increase the conversion rate for shop owners. Let's dive deep into 2 incredible features of the Ecomus theme.

1. Enable Quick View, Quick Add

Before configuring quick view and quick add, we must turn these options on. To do it go to Theme Editor > Settings > Product Card > Check Show Quick view and Show Quick Add.

2024-01-11_14-15-44.png

Note: Show quick add requires showing ultra button, an option above.

2. Where to configure quick view, quick add

You have turned quick view and quick add on, now go to Theme Editor > Product > only_config. See the video below to have better insight.

3. Quick View

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.

3.1. How to configure quick view

The video below explains the quick view options:

3.2. Product quick view content

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

2024-01-11_15-06-54.png
  • Title, Price, Description, SKU, Barcode, Vendor: These blocks are to show the product name, price, and description. Refer to the document Ecomus - Product - Product information blocks to dig deeper.

  • Badges, Countdown Timer, Inventory Status, Delivery Time, Trust Badge: These blocks are explained in the article Ecomus - Product - Product upsell blocks.

  • Variant picker: Show variants of the products, this option also allows configuring the size chart.

  • Pickup Availability: Engage local shoppers by showing where items are available for pickup — right from the product page. Learn more.

  • Quantity Selector: The quantity selector is automatically hidden if products are sold out.

2024-01-17_11-21-44.png
  • Total sold flash: This is a fake feature that helps store owners boost sales!

2024-01-18_15-03-01.png
  • Extra link: Show compare color, ask a question form, show delivery & return, or share button.

2024-01-17_11-24-27.png
  • Installments banner: To display the installments banner, your store needs to support Shop Pay Installments. Learn more.

  • Delivery return: Use to add delivery & return term.

2024-01-17_11-26-48.png
  • Line item property: Line item properties are used to collect customization information for an item added to the cart. You can use text, checkbox, or select options.

2024-01-17_11-29-26.png
  • Custom Liquid: Used to add your custom liquid.

  • Linked products: Refer to this document to learn more.

  • Product details button: Add a button leading you to the product page.

2024-01-18_14-50-03.png

4. Quick Add

4.1. How to configure quick add

2024-01-17_11-12-45.png

You can change the color design of the Quick add, refer to this document to learn more.

4.2. Product quick add content

The Product Quick Add section has 5 blocks, click on Add block to add the block you want to show in Quick Add.

2024-01-17_9-39-57.png
  • Variant info: Show the image, name, and price of the selected variant.

2024-01-17_10-59-49.png
  • Variant Picker: Show product variant.

2024-01-17_11-02-01.png
  • Quantity selector

2024-01-17_11-03-17.png
  • Buy buttons:

2024-01-17_11-06-13.png
  • Line properties: Line item properties are used to collect customization information for an item added to the cart. You can use text, checkbox, or select options.

2024-01-17_11-10-08.png

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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