Smind Documentation
  • In-app
    • Getting started
    • Library
      • Product blocks
      • Sections
      • Templates
      • Themes
      • Styles
    • My library
    • Page Builder
    • Theme Builder
    • Subscription plans
    • Settings
    • Support
  • Guides
    • Color block and color scheme
    • Enabling account
    • Getting Google Maps iframe
    • Getting TikTok video URL
    • Configuring color swatches
    • Configuring sale badge
    • Configuring size chart
    • Showing social media icons
    • Deleting data
    • Moving Sections
  • Sections
    • Header
    • Product Detail
    • Product Bundles
    • Collection Page
      • Vertical Layout
      • Horizontal Layout
      • Off-Canvas Layout
      • Expand/Collapse Layout
    • Wishlist & Wishlist Page
    • Compare & Compare Page
    • Quick Add
    • Quick View
  • Cart Drawer
    • Estimate Shipping
    • Free Shipping Progress Bar
    • Complementary Product
    • Cart Notes
  • FAQs
    • Why does the section appear on all pages?
    • Why are section layouts broken?
    • Why do spaces appear when hiding the theme's header?
    • How to change default text in sections?
    • How to update sections?
    • How to set the default template for product pages?
    • Why are the sections I installed not showing up in the theme editor?
    • Integrate review scores from other apps.
  • Dev
    • Product detail event
    • Product form event
    • Cart Drawer event
Powered by GitBook
On this page
  • Overview
  • How To Install ?
  • How To Use ?
  • The Display Position of The Quick Add
  1. Sections

Quick Add

PreviousCompare & Compare PageNextQuick View

Last updated 2 months ago

Overview

  • The "Quick add" section in our app allows customers to add products directly to their cart from collection or category pages.

  • The "Quick add" feature enhances the shopping experience for users.

How To Install ?

To install the 'Quick add' section in our app. You can follow these steps and the images below:

  1. From our app, click Library.

  2. In the Sections tab, search for the keyword Quick Add.

  3. Click the Install button to install the Quick Add sections.

  1. From the Shopify Editor sidebar, click Add Section in the Global tab.

  2. Search for Quick Add section and click on it.

How To Use ?

After adding the 'Quick add' section to your theme, the button will appear on products with multiple variants on the collection page.

The 'Quick add' is only displayed on our product card section. If you are not using our product cards, it will not be visible.

When user click to "Quick add" button, users can see these typically happens:

Product Options Display: A popup will appear, allowing you to select product options like size, color, or quantity.

  1. Select the Product Color.

  2. Select the Product Size.

  3. Select the Product Quantity.

  4. Click Add To Cart button.

Cart Update: Once you've made your selections, the item is added to your cart without leaving the current page.

The Display Position of The Quick Add

The Quick add can be displayed on both desktop and mobile in the following locations.

  1. Collection Page

  1. Wishlist Page

  1. Compare Page