Set Up a Cart Drawer for your Shopify Page

What is a Shopify Cart Drawer?

A cart drawer is a slide-in panel that appears when a shopper adds a product to their cart. Unlike the traditional cart page that redirects customers away from their browsing session, the cart drawer keeps them on the same page—allowing for a faster, smoother shopping experience.

Benefits of using a cart drawer:

• Shoppers stay engaged on the product or collection page
• Reduces friction during the add-to-cart process
• Helps increase conversion rate and average order value (AOV)
• Offers a modern, mobile-friendly user experience

This feature is especially valuable for mobile users, where page load speed and navigation flow heavily influence purchasing behavior.

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 Shopify Theme That Supports 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 Cart Drawer App

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.