The drawer 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 drawer's controls are global theme settings rather than drawer-specific ones.
Cart drawer
Updated last month
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".
FAQ
Why doesn't the cart drawer open when an item is added to my cart?
Which settings control the Pops cart drawer?
The global theme settings control the drawer: Cart type, Show vendor, Show notes, Show discount code, Show item count, Text, and Free shipping threshold. Controls like "Order special instructions" and the discount-code control appear in the cart footer when the corresponding setting is on, and all of these settings are on by default except where noted.
When do "You might also like" recommendations show in the Pops cart drawer?
The Cart drawer upsell carousel renders only when the cart has items, and is configured to show up to six related products. It sits beneath the cart items with previous and next navigation and a quick-add action on each product.
How does the free shipping bar in the Pops cart drawer work?
The Cart free shipping bar shows progress toward your Free shipping threshold, which defaults to 30. Below the threshold it reads "Spend 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.
What shows in the Pops cart drawer when the cart is empty?
When the cart is empty the Empty cart block displays "Your cart is empty" with a Continue shopping link back to your storefront.
Can shoppers add order notes and discount codes from the cart drawer?
Yes. When the cart has items, the cart footer includes order-note and discount-code controls (when those settings are on), 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.
Was this helpful?
Was this helpful?