Cart
Cart drawer
What it is
This is the slide-out cart that opens over the store when a customer adds a product or taps the cart icon. It is built from blocks: items, subtotals, checkout button, progress bars and more.
When to use it
- Encourage bigger orders with a progress bar or checkpoints bar toward free shipping or a gift.
- Show upsells, add-ons or a discount field without leaving the page.
- Match the cart to the rest of your store: colors, borders and width.
- Build trust with payment badges, reviews or an estimated shipping date.
- Used by default in
- Not placed by default: add it from the editor.
- Available in
- Everywhere except: Header (every page), Footer (every page)
- Limits
- Once per page
Main settings
How this section's settings are organised.
Test mode1 settings
Enable test mode
Heading2 settings
Text · Alignment
Width2 settings
Desktop width · Mobile width
Border7 settings
Border · Override border color · Border color · Border width · and 3 more
Cart header6 settings
Color scheme · Override background color · Background color · Override text color · and 2 more
Close icon12 settings
Close icon size · Color scheme · Override background color · Background color · and 8 more
Cart body5 settings
Color scheme · Override background color · Background color · Override text color · and 1 more
Empty cart link2 settings
Display the Continue shopping button link when the cart is empty · Continue shopping button custom link
Common settings
This section also has these shared settings, explained on their own page:
Blocks
Content you add inside the section with “Add block”. Their settings are in the full reference.
- Cart items78 settings
- Subtotals41 settings
- Checkout button52 settings
- Progress bar8 settings
- Checkpoints bar25 settings
- Pixelion - Rating stars50 settings
- Pixelion: Platform Review51 settings
- Pixelion: Countdown timer6 settings
- Pixelion - Fresh Upsells122 settings
- Pixelion - Reviews15 settings
- Free/Conditional gift36 settings
- Pixelion - Note box41 settings
- Pixelion - Blinking Dot17 settings
- Image7 settings
- Pixelion - Icons Plus92 settings
- Pixelion Description V199 settings
- Pixelion - Badges129 settings
- Divider12 settings
- Payment badges5 settings
- Estimated shipping8 settings
- Discount field6 settings
- Pixelion - Add-ons24 settings
- Custom liquid2 settings
Full reference: 984 settings
Type, default value, ranges and units, every option and when each setting shows — plus every block setting, tips and the docs of older versions. Available to Pixelion customers.
File: sections/cart-drawer.liquid · v2.0.15