Skip to main content
Cart drawer on the storefront

Cart drawer, highlighted on the demo store

Where to find it

Every page except the cart page, when Theme settings > Cart > Cart type is Drawer. In the theme editor, open any page other than Cart and select Cart drawer in the sidebar; the drawer opens in the preview while it’s selected.

How it works

  • Opens when a product is added anywhere (product page, product cards, quick view, featured product) or when the bag icon is selected, on phones and desktops alike.
  • Shows the same items, quantity controls, discounts and totals as the cart page.
  • Goes well with suggests products related to the newest item in the bag, or your own picks, never repeating items already in the bag.
  • The gift wrap checkbox, gift message and order note appear when they are set up.
  • Continue to checkout, express payment buttons and View bag (the full cart page) sit at the bottom.
  • Problems such as not enough stock show under the add button that was used.
  • Escape, the close button or a click outside closes it and returns focus to where the shopper was.
  • It refreshes when shoppers come back to the page, so changes made in another tab show up.
Cart settings

The cart drawer is set in 1 Theme settings · 2 Cart

Edit it

  • Edit Heading, Color scheme and Empty bag image.
  • Turn Show vendor, Show order note and Show accelerated checkout buttons on or off.
  • Under Related products, choose Product source, Selected products or fallback, Fallback collection, Products to show (2 to 6) and Show add buttons, or turn off Show related products.
  • To skip the drawer and send shoppers to the cart page instead, set Theme settings > Cart > Cart type to Page.

Settings

Shown when Theme settings > Cart > Cart type is set to Drawer. The cart page keeps its own settings.
Related products
Express buttons appear only when an express payment method is active in Settings > Payments.