Cart#

Build the cart page from blocks for shipping, notes, discounts, totals, and checkout.

Add this section#

Open the Cart template in the theme editor. This section is already on that template.

Settings#

The settings below follow the same order as the theme editor.

General settings#

Color scheme: Choose a color scheme from Theme settings > Colors.

Heading color scheme: Choose a color scheme from Theme settings > Colors.

Build the order summary with blocks. Totals and Checkout always show, at the end if their blocks are removed. The cart drawer is set in Theme settings > Cart.

Mobile layout#

Show checkout bar: Turn this on or off. Keeps the subtotal and checkout at the bottom of the screen until the summary is in view.

Blocks#

App block#

Add a block supplied by an installed app. Its settings come from that app.

Shipping gauge#

General settings#

Set the free shipping amount in Theme settings > Cart.

Dispatch countdown#

General settings#

Same-day shipping cutoff: Choose 06:00, 07:00, 08:00, 09:00, 10:00, 11:00, 12:00, 13:00, 14:00, 15:00, 16:00, 17:00, 18:00, 19:00, 20:00, 21:00, or 22:00. Counts down to this time on shipping days, in your store's time zone. Hidden while an item in the cart is on backorder.

Shipping days: Choose Monday to Friday, Monday to Saturday, or Every day.

Countdown text: Enter the text to show. [time] is replaced by the time left. Leave empty to use the store's language.

Business days before shipping: Use the slider from 0 to 30. Added to every order. A variant's custom.dispatch_days metafield adds more when it is larger.

Order note#

General settings#

Show quick notes: Turn this on or off. Edit the quick notes in Theme settings > Cart.

Discount code#

This block has no additional settings.

Totals#

This block has no additional settings.

Terms checkbox#

General settings#

Text: Enter and format a short line of text.

Checkout waits until the box is checked. Accelerated checkout buttons hide while it shows.

Checkout#

General settings#

Show accelerated checkout buttons: Turn this on or off. Shoppers see their preferred payment method, such as Shop Pay or Apple Pay. Learn more

Payment icons#

General settings#

Show label: Turn this on or off.

Text#

General settings#

Text: Enter and format the text.

Custom Liquid#

General settings#

Liquid code: Add the custom content supplied by your app or developer. Add app snippets or other code.

Tips#

Add your real content before fine-tuning spacing and colors.
Check the section at both computer and phone widths. Use Mobile layout for the phone-specific choices.