# Cart

Chapter 12 of the Scruff user guide.

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.

| Section | Settings |
| --- | --- |
| Cart drawer | **Show order note in the cart drawer** (on) |
| Cart (the cart page) | **Show order note on the cart page** (on) |

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.