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.
  • How To Transfer Data To New Theme?
  • Dev
    • Product detail event
    • Product form event
    • Cart Drawer event
Powered by GitBook
On this page
  • Overview
  • How To Install?
  • Frequently Asked Questions (FAQs)
  • Q: Why can’t I find the Cart Drawer in my Shopify store after installing it?

Cart Drawer

A cart drawer is a feature that displays a summary of a customer's cart contents without redirecting them to a separate cart page

PreviousQuick ViewNextEstimate Shipping

Last updated 10 days ago

Overview

In a Shopify store, the cart drawer (also called mini cart, slide-out cart, or side cart) is a user interface element that allows customers to view and manage the items in their shopping cart without leaving the current page.

How To Install?

To install the Cart Drawer in our app. You can follow these steps and the images below:

  1. From our app, click Library.

  2. In the Section tab, select the category of Cart Drawer section

  3. Select the Cart Drawer section, click Install and Customize

  1. In the theme editor sidebar, click Add Section on the Global section.

If you don’t place this section inside the Global Section, the cart drawer will not show up or work correctly.

  1. Search Cart Drawer section and click to import it.

  1. To customize the Cart Drawer section, click to the Cart Drawer

  • Show Vendor: Display the product vendor/brand name inside the cart drawer.

  • Show shipping/tax notice: Show a notice about shipping fees or tax information.

  • Show view cart button: Display a "View Cart" button that links to the full cart page.

  • Collection: Choose a collection to display when the cart is empty.

Frequently Asked Questions (FAQs)

Q: Why can’t I find the Cart Drawer in my Shopify store after installing it?

To make sure your Card Drawer section appears correctly, check these two things:

  1. Activate SMI Theme Helper

Go to your Shopify Theme Settings → App embeds and make sure SMI Theme Helper is turned ON. This helper enables the app blocks to work properly inside your theme.

  1. Add the Cart Drawer to Your Current Theme

After installing a Cart Drawer from the Smind Library, you still need to add it manually to your current theme’s template.

  • From Settings in Smind Sections app, scroll down to choose a theme to work on, you need to make sure that this theme is your current theme.

  • Open Shopify → Online Store → Themes → Customize.