The cart drawer editor is where every part of your drawer is configured. It opens when you create a drawer or select Edit on one. The page is titled Customize your cart experience, with the subtitle Design a custom cart drawer with a rewards bar, upsells, and more. This walks the screen so you know where everything lives.
In this article:
The layout
Three areas: a navigation list on the left, the settings for whatever you selected in the middle, and a live preview of the drawer on the right.
The preview updates as you type, including changes you have not saved yet.
The left navigation
Grouped, and the grouping tells you where each module appears in the drawer.
Group | Items |
Top |
|
Design |
|
Header |
|
Upsells |
|
Footer |
|
ℹ️ Progressive Gift is the odd one out. It holds only the label and value for the free shipping line that sits under the subtotal, and that line is switched on in General Settings rather than there. See Setting your cart title, buttons and empty state.
ℹ️ The Header, Upsells and Footer grouping mirrors the drawer itself. Anything under Header appears at the top, anything under Footer at the bottom, and the Upsells modules sit in the body, most of them with their own Above Items or Below Items position setting.
The live preview
Two toggles control what the preview shows:
Show items in cartrenders the drawer as a customer with products would see itShow empty cartrenders the empty state
Check both before publishing. The empty state is what a customer sees if they open the cart before adding anything.
The preview reflects unsaved changes, so you can try something, look at it, and undo it without ever saving.
The pattern every module follows
All eight modules work the same way.
A status,
EnabledorDisabled.A banner when disabled, naming exactly what is missing. For example: "Announcement is not shown because it is disabled. Activate to show it in your cart drawer. You can preview changes before saving."
An
Activatebutton in that banner.A settings block, usually text fields first, then a colours group.
Every disabled banner ends with a variation of "You can preview changes before saving". So you can configure a module fully, look at it in the preview, and only then decide whether to enable it.
Saving and undoing
Control | What it does |
| Saves your changes. Shows |
| Discards unsaved changes and returns to the last saved state |
Success shows Saved successfully! A failure shows Failed to save, in which case make the change again rather than assuming it stuck.
⚠️ There is no version history. Undo Changes returns to the last save, not to an earlier one. If you are about to rework a drawer that is working, consider creating a new drawer and editing that instead, so the current one stays intact.
Cart status
Cart status switches the drawer between Active and Draft.
The tooltip carries the constraint: "When Active, the cart upsell will be shown in the cart drawer. You can only have one active cart upsell at a time."
Activating this drawer deactivates whichever one was active before. Nothing is deleted, and the previous drawer stays available as a draft.
A/B testing
A/B testing, badged New, splits traffic between versions of the drawer.
It requires a saved drawer: A/B testing is disabled, save the cart upsell to create A/B testing variants.
Once enabled, Add variant creates a version to test, and A/B test variants lists them. A paused test shows A/B testing is paused. All variants are in draft mode. with Resume A/B test.
Enabling it confirms with A/B testing enabled and active in the store, proceed to edit or create variants.