Cart
Drawer or page, the free shipping bar, the upsell line and what sits under the checkout button.
What it controls
Cart type decides whether adding to cart opens a drawer over the current page or sends the visitor to the cart page. The cart page exists in both cases; the drawer is an addition, not a replacement, and everything the drawer does the page does too.
Drawer appearance: a card floating inside the screen, or a panel the full height of the window.
Free shipping threshold: the order total that unlocks free shipping. The drawer and the cart page show a progress bar with the remaining amount, and a confirmation once the total is reached. 0 hides the bar.
Upsell product and Upsell line: one product suggested under the cart lines, with a short reason. The suggestion disappears once the product is in the cart.
Reassurance line: a short promise under the checkout button, such as a returns policy. Empty cart link: an extra “Learn more” link under the Shop now button in an empty cart, for a page that explains the product; leave it empty to show only the button. Show cart note: the order note field. Show payment methods: the icons of your accepted payment methods under the checkout button.
How it connects
The cart drawer is a section of its own (Cart drawer) and the cart page is the Cart section on the cart template. Both read these settings; neither has settings that contradict them. Add to cart buttons in the buy box, on product cards and in the quick view all open the drawer when Cart type is Drawer.
Setting it up
- Choose Cart type. Drawer suits a store where visitors buy one or two things; Page suits a store where the cart is where the deciding happens.
- Set Free shipping threshold to match your shipping rate.
- Pick an Upsell product and write the Upsell line in five words or fewer.
- Write the Reassurance line, or clear it to hide the row.
Settings
| Setting | Type | What it does |
|---|---|---|
| Cart type | Select | Drawer opens the cart over the current page when something is added. Page sends the visitor to the cart page. The cart page exists either way.Options: Drawer, Page · Default: Drawer |
| Drawer appearance | Select | Card floats the drawer inside the screen with a margin around it. Full height runs it from the top to the bottom of the window.Options: Card, Full height · Default: Card |
| Free shipping threshold | Number | The order total that unlocks free shipping, as a whole number in your store currency. The drawer and the cart page show the remaining amount. Set 0 to hide the bar.Default: 75 |
| Upsell product | Product | One product suggested under the cart lines. It disappears once it is in the cart, and is not shown when it is sold out. |
| Upsell line | Text | The short line under the suggested product's name, such as why it pairs well. |
| Reassurance line | Text | A short promise under the checkout button, such as a returns policy. Clear it to hide the row.Default: 60-day returns |
| Empty cart link | Link | An extra Learn more link under the Shop now button in an empty cart, for a page that explains the product. |
| Show cart note | Checkbox | Lets the visitor add a note to the order, in the drawer and on the cart page.Default: on |
| Show payment methods | Checkbox | Shows the icons of the payment methods your store accepts under the checkout button.Default: on |
Tips
- The free shipping threshold has to match a real shipping rate in Settings → Shipping. The bar only announces it; it does not create the rate.
- Set the threshold in your store currency, as a whole number. The bar converts for visitors who shop in another currency.
- The upsell shows one product. Pick the one that pairs with everything, not your bestseller: a visitor who already has the bestseller in the cart would see it twice.