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
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.
Here we have a total of 13 blocks of Cart Drawer:
To ensure the cart drawer opens and functions correctly, you must use Smind’s sections (not a custom or theme-default button), because it relies on Smind’s built-in Add to Cart buttons and header.
Required sections
Header – Pro
Use one of these sections
Collection Page – Pro
Featured Product – Pro
Featured Collection – Pro
Product Bundle – Pro
Product Detail – Free / Basic / Pro
Shop the Look – Pro
How To Install?
To install the Cart Drawer in our app. You can follow these steps and the images below:
From our app, click Library.
In the Section tab, select the category of Cart Drawer section
Select the Cart Drawer section, click Install and Customize
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.
Search Cart Drawer section and click to import it.
To customize the Cart Drawer section, click to the Cart Drawer
Show count items: The header so it either shows or hides the total item count in the drawer title.
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. Configure your shipping policy in Settings → Policy → Shipping Policy
Enable cart sharing: Adds a “Share your cart” panel (with a copyable link) so the customer can send their current cart to others.
Show terms of service checkbox: Show a notice about terms of services. Configure your shipping policy in Settings → Policy → Terms of Service
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:
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.
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.
Last updated