Cart

Adding to the bag opens the cart drawer, which slides in from the right ("Your bag (2)"), and the count on the header's bag updates. The drawer and the cart page show the same things:

• The free shipping meter, when you've set Free shipping over: "You're $15.00 away from free shipping" over a green bar, then "Free shipping unlocked". It shows only to shoppers paying in your store's currency.
• Each line with its photo in a small squircle, its name, one detail line with its options and line item properties ("Size: M · Tag front: Mabel · Tag font: Bold"), a chip with its delivery plan if it has one, a quantity stepper, Remove and the line price.
• Embroidery fees under their item, with no stepper of their own, following the item's quantity and leaving with it (chapter 10). The bag count leaves fees out.
• The order note: Order note folds open to a field ("Delivery instructions, PO number, anything we should know."), which arrives as the order's Notes in admin.
• Order discounts, the Subtotal, the tax note ("Taxes and shipping at checkout." or "Tax included. Shipping calculated at checkout."), then the Checkout button and, under it, your express payment buttons.
• Empty: a big bone, "Your bag is empty", "Mabel's still waiting for something good." (or "Your best friend's waiting." with no pet saved) and Shop best sellers, which opens all products. To change those words, see chapter 14.

The Cart drawer's setting is in the theme editor's section list on any page. The cart page's is on the Cart template.

Quantity changes and removals update the bag in place, and B2B quantity rules are checked as shoppers change quantities. Discount codes are entered at checkout: the bag has no code field.