Set Up a Cart Drawer for your Shopify Page

What is a Shopify Cart Drawer?

For an online store, a quick and pleasant checkout experience directly relates to a high conversion rate, and one of the ways to provide a better checkout experience is to have a drawer-styled cart.

The Cart Drawer (also known as the slide-out cart, or mini cart) replaces the traditional Cart page by presenting an off-canvas window that conveniently slides in & out from the page’s edge every time a customer adds a product to the cart.

The nature of the Cart Drawer allows shoppers to view their cart and continue shopping after adding an item, instead of being redirected to the Cart page.

Example of a cart drawer on the Desktop view:

On the Mobile view:

How to install a Cart Drawer on your Shopify store with GemPages

There are two ways you can add a Cart Drawer to your store.

Method #1: Use a theme that offers Cart Drawer

Currently, the Cart Drawer is available on some Shopify themes such as Brooklyn (Free), Pop (Free), Supply (Free), Atlantic, Blockshop, Parallax, Testament, Alchemy, etc.

The next step is to enable Ajax Cart in the (P) Cart Button element and select the Custom tab. Check out this article to learn how to do that.

If you are using a theme that supports the Cart Drawer feature, please contact our GemPages Support Team to get assistance with enabling it on the app.

Method #2: Use a third-party app on the Shopify App Store

If your current theme does not support the Cart Drawer, you can always use a third-party app to achieve the same functionality. Use “Cart Drawer” as the keyword on the Shopify App Store and find your best fit.