Cart page
The main section on the cart page. It shows the line items on one side and the order summary on the other. Fixed to the cart template.
Settings
Width
Page — Keeps the content within the page width set in your theme settings. Full — Stretches the content across the full browser width, with a small space at the edges.
Gap — Desktop / Mobile
Space between the item list and the summary.
Color scheme
Color scheme for the section.
Padding
Outer spacing: top / bottom, with independent mobile values via Custom for mobile.
Available Blocks
The section uses two static blocks — Content and Summary.
Content
The left column, holding the cart title and the line items.
Gap — Desktop / Mobile
Space between the title and the blocks below it.
Show cart count
Display the number of items beside the cart title.
Title size
Heading 1–6.
HTML title tag
Semantic tag rendered (Paragraph, H1–H6).
Cart items
The list of line items.
Show dividers
Adds a line between items.
Show vendor
Display each product's vendor.
Enable quick edit
Lets shoppers change variant and quantity in place. See Quick edit for what the panel shows.
Show product media / Show badges / Show quantity selector
What the quick edit panel includes.
Gap — Desktop / Mobile
Space between line items.
Padding
Outer spacing: top / bottom, with independent mobile values via Custom for mobile.
Free shipping
The progress bar toward your free shipping threshold. The threshold is set in Theme settings → Cart; see Free shipping bar for matching it to a real shipping rate.
Summary
The right column, holding the order totals and checkout.
Gap — Desktop / Mobile
Space between the blocks inside the summary.
Order summary
Always present. Holds the totals and the checkout button.
Gap — Desktop / Mobile
Space between the summary rows.
Show discount code
Adds a discount code field, with a Button style.
Show tax and shipping notice
Display a note about taxes and shipping under the total.
Show view cart button
Adds a link to the cart page.
Show accelerated buttons
Display dynamic checkout buttons (Shop Pay, Apple Pay).
Show payment icons
Display accepted payment methods, at a set Icon width.
Text case
Under Typography. Keep the subtotal row as typed (Original) or set it in Uppercase.
Padding / Border thickness / Shadow
Appearance of the summary container.
Type
Inherit the section's color scheme, or apply a separate Color scheme.
Order note
An expandable field where shoppers leave a note with their order.
Icon
Toggle indicator: Chevron or Plus.
Heading font / Font size / Letter spacing / Text case
Typography for the row title. Text case keeps it as typed (Original) or sets it in Uppercase.
Padding / Border thickness / Shadow
Appearance of the row.
Type
Inherit the section's color scheme, or apply a separate Color scheme.
Shipping estimator
An expandable panel that estimates shipping rates before checkout.
Icon
Toggle indicator: Chevron or Plus.
Heading font / Font size / Letter spacing / Text case
Typography for the row title. Text case keeps it as typed (Original) or sets it in Uppercase.
Padding / Border thickness / Shadow
Appearance of the row.
Type
Inherit the section's color scheme, or apply a separate Color scheme.
Last updated