Quick add

Quick add - Theme settings

The Quick add feature enhances the shopping experience by allowing customers to add products to their cart without navigating away from their current page. It’s particularly beneficial for stores with a large catalog, enabling faster browsing and a streamlined checkout process.

1. Desktop button type:

Define how the Quick add button appears on desktop:

Bag icon

Displays a minimalistic bag icon as the Quick add button.

Cart icon

Button

2. Desktop button style:

Customize the appearance of the Quick add button on desktop:

• Solid: Features a filled button for a bold and prominent look.

• Outline: Displays a bordered button for a minimalist and subtle aesthetic.

3. "Add to cart" behavior:

Determine the behavior of the Quick add button when clicked:

• Direct add to cart:

  • For products without variants, the button shows "Add to cart." Clicking the button adds the product directly to the cart without opening the Quick view.

  • For products with variants, the button displays "View options." Clicking it opens the Quick view, allowing customers to select variant options before adding the product to their cart.

• Always show quick view: Regardless of whether the product has variants or not, the Quick view opens when the button is clicked. The button always displays "View options."

4. Devices:

Determines which devices (mobile, desktop, or both) the Quick Add button appears on.

5. Mobile layout settings

• Mobile button type: Choose the display style of the Quick add button on mobile:

  • Bag icon: Simple and compact, suitable for smaller screens.

  • Cart icon: Offers a familiar and functional look for mobile users.

  • Button: Displays a full-text button for enhanced clarity on mobile interfaces.

• Mobile button style: Adjust the design of the Quick add button for mobile devices:

  • Solid: Provides a filled button for greater emphasis.

  • Outline: A bordered button for a cleaner, understated look.