Cart drawer
Updated today
The cart drawer is the slide-out cart that opens when a visitor adds an item, showing what's in the cart and a "You might also like" upsell slider. It renders only when your Cart type is set to Drawer and the visitor isn't on the cart page; otherwise the item stays on the cart page. All the controls below are global theme settings, not drawer-specific ones.
Settings
Setting | Description |
|---|---|
Cart type | Sets whether cart additions open the drawer or go to the cart page. The drawer renders only when set to Drawer and the visitor isn't on the cart page. |
Show vendor | Shows the product vendor on each cart line. On by default. |
Show notes | Shows the "Order special instructions" note control in the cart footer. On by default. |
Show discount code | Shows the discount-code control in the cart footer. On by default. |
Show item count | Shows the item count beside the "Your cart" heading in the drawer. On by default. |
Text | Adds freeform text above the cart contents in both the drawer and the cart page. |
Free shipping threshold | The cart value (default 30) that unlocks free shipping. It drives the free-shipping bar's progress and message. |
Blocks
The drawer is assembled from these blocks in order, under the Drawers group.
Cart header
Shows the "Your cart" heading and, when Show item count is on, the number of items in the cart.
Empty cart
Shown when the cart is empty. Displays "Your cart is empty" and a Continue shopping link back to your storefront.
Cart items
Shown when the cart has items. Each line shows the product image, title, price, quantity controls, and a Remove action, with the vendor shown unless you turned Show vendor off. Line-level sale pricing, variant options, and discounts appear when they apply.
Cart drawer upsell carousel
Renders the "You might also like" product recommendations beneath the cart items, with previous and next navigation and a quick-add action on each product. It appears only when the cart has items, and is configured to show up to six related products.
Cart footer (top)
Holds the Cart free shipping bar block.
Cart free shipping bar
Shows progress toward your Free shipping threshold. Below the threshold it reads "Spend {{ amount }} more and get free shipping."; once the threshold is reached it reads "Congrats you got free shipping!". It only appears while the cart has items.
Cart footer
Shown when the cart has items. Includes the order-note and discount-code controls (when enabled), the cart total and any savings, tax and shipping policy text, a Check out button, a View cart page link, and the cart-share control.
Cart footer (bottom)
Holds the Payment icons block.
Payment icons
Renders an icon for each payment type your store has enabled, labeled "Payment methods".