Cart page

The cart page: line items with options and unit prices, quantity controls, cart notes, discounts, the tax note, and accelerated checkout.

Merchant-addable
No — template section
Settings
7
Block types
File
sections/cart.liquid

Used by default on: Cart

Screenshots pending

Captures for Cart page at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

When to use it

Automatic.

Setting it up

  1. Set Color and Padding. The rest is driven by Shopify cart data.

Where the content comes from

Shopify cart. Nothing editorial.

Notes and cautions

  • Changing a quantity refreshes every line, so cart-level totals and discounts stay correct.
  • Accelerated checkout button styling is controlled by Shopify and cannot be modified.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Show order noteCheckbox
ID
show_note
Default
On
Enable live quantity updates (AJAX)Checkbox
ID
enable_ajax
Default
On
Continue shopping button labelText
ID
continue_shopping_label
Default
Continue shopping
Taxes and shipping noteText
ID
totals_note
Default
Taxes and shipping calculated at checkout.

Color

Color schemeColor scheme
ID
color_scheme
Default
scheme-1

Padding

Top paddingSlider
ID
padding_top
Default
52
Range
0px to 100px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
52
Range
0px to 100px, in steps of 4px