Cart drawer
Where you can add it
Section groups: Overlays.
At most 1 per page.
Blocks
Section titled “Blocks”- Cart recommendations
- Order note
- Discount code
- Text
- Search menu
- Search collection
- Free shipping progress — part of this section; fixed: always present, can’t be removed or moved
Up to 8 blocks.
Free shipping progress
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Shows how much more a customer needs to spend for free shipping. Set the threshold, the countries and the messages in Theme settings > Cart. Only shown when the cart needs shipping. | |||
| Show free shipping progress | Checkbox | Off | |
| Show progress bar Shown when Show free shipping progress is on. | Checkbox | On | |
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Choose when the drawer opens in Theme settings > Cart. How each line looks is set there too, so the drawer and the cart page always match. | |||
| Layout | |||
| Color scheme | Color scheme | Scheme 1 | |
| Position End is the side the cart icon is on: right in left-to-right languages, left in right-to-left languages. | Select | End | |
| Width On phones the drawer is a sheet from the bottom of the screen. | Select | Default | |
| Page overlay opacity | Range | 30 % | 0–80 %, step 5 |
| Keep the summary visible Keeps the subtotal and the checkout button pinned to the bottom while the lines scroll. | Checkbox | On | |
| Opening motion How the cart’s contents come in when the drawer opens. Off when Animation is off in Theme settings > Motion, and for customers who prefer reduced motion. | Select | Calm | |
| Content | |||
| Heading The number of items is shown after the heading. Leave blank to use the translated default. | Text | — | Placeholder: “Your cart” |
| Checkout button text Leave blank to use the translated default. | Text | — | Placeholder: “Check out” |
| Show “View cart” link | Checkbox | On | |
| Show accelerated checkout buttons Buttons like Shop Pay and Apple Pay. They always show on the cart page. | Checkbox | Off | |
| Empty cart | |||
| Heading Leave blank to use the translated default. | Text | — | Placeholder: “Your cart is empty” |
| Button label Leave blank to use the translated default. | Text | — | Placeholder: “Continue shopping” |
| Button link Leave blank and the button closes the drawer, so customers carry on where they are. | Link | — | |
| Notification | |||
| Notification duration Used when “After adding to cart” is set to Notification in Theme settings > Cart. | Range | 5 s | 3–10 s, step 1 |
Presets
Section titled “Presets”- Cart drawer
Starts with: Cart recommendations, Order note, Discount code