Pages
Cart drawer & cart page
Choose between a slide-in drawer and a full cart page, then arrange what appears inside.
What you will have
A cart that shows items, offers, totals and payment options in the order you choose.
Choose the cart type
Theme settingsLayoutCart type
Drawer slides a bag panel in from the side so shoppers stay on the page. Page sends desktop shoppers to a dedicated cart page.
Theme settingsLayout1Click to open this group2LayoutCart typeDrawerChoose one: Drawer, Page. Default: Drawer.Theme editor · Theme settings › LayoutTipPhones always use the bag drawer, whichever option you pick.
Open the cart drawer section
Theme editorCM Cart drawer
The drawer is part of the theme layout, so it appears in the sidebar on every page. Add a product to the cart in the preview to see it open.
CartTemplateCM Cart drawer1Click to open its settingsTheme editor · Cart › CM Cart drawerArrange the drawer blocks
Each block is one part of the drawer. Drag to reorder, or hide the ones you do not need.
CartTemplateCM Cart drawer1The eye icon hides itCM Bag item cardsCM Offers and gift cardCM Order summaryCM Payment methodsCM Contact and helpCM Mobile media and textAdd block2CM Cart drawerCM Bag item cardsThe products in the cart, with quantity controls.CM Offers and gift cardDiscount and gift card entry.CM Order summarySubtotal and totals.CM Payment methodsAccepted payment icons.CM Contact and helpSupport links.CM Mobile media and textAn optional phone-only banner.Theme editor · Cart › CM Cart drawerSet up the cart page
Theme editorTemplate pickerCartCM Cart
The cart page uses the same six blocks as the drawer, arranged independently. If you chose Page as the cart type, set the order here too.
CartTemplateCM Cart1Click to open its settingsTheme editor · Cart › CM CartTest the path to checkout
In the preview, add a product, change its quantity, remove it, add it again, then press the checkout button. Do this in both desktop and mobile preview.
CartTemplateCM Cart drawer1Click to open its settingsTheme editor · Cart › CM Cart drawerImportantCheckout itself is not part of the theme. Style it at Settings → Checkout in your Shopify admin.