Cart

The cart comes in two forms: a drawer that opens over the page and a page at the address /cart. You choose between them in Theme settings > Cart; the cart page is always available.

Cart page

Name in the editor

Cart (FR: Panier)

Where to add it

Cart template only

Accepted blocks

Service

Number of blocks

6 at most

The cart page shows:

• the items, with their image, options ("Size: M"), custom properties, subscription plan, unit price, and discounts;
• a summary: subtotal, discounts applied to the cart, shipping ("Calculated at checkout", or "Complimentary" once the free shipping threshold is reached), total, and a tax notice;
• a collapsible order note ("Add an order note"), saved automatically as the shopper types;
• the Shop Pay Installments message, if it's turned on;
• the Checkout button, which shows the total, and the dynamic checkout buttons (Shop Pay, Apple Pay, Google Pay…) turned on in your payment settings;
• the service promises, one per Service block in the section (see Service promises).

Cart drawer

Name in the editor

Cart drawer (FR: Tiroir panier)

Where to add it

Header group (active when the cart type is Drawer)

Instances

1 per page at most

The drawer has no settings. It shows the item count, the items, the total, the tax and shipping notice, the Checkout button, and a View cart link, with the free shipping bar when a threshold is set. It shows the subtotal only when a cart-level discount applies, above that discount. The order note, the shipping row, the dynamic checkout buttons, and the service promises are only on the cart page. See Cart settings.

Changing quantities

On each line, the quantity selector saves changes immediately, without reloading; Remove deletes the line. If the requested quantity isn't available, the line keeps what could be kept and shows the reason Shopify gives.

Shopify's quantity rules (minimum, maximum, increments, available with B2B catalogs) are respected and shown below the line: "Minimum 2", "Sold in multiples of 6", "Maximum 10".

Without JavaScript, each line keeps a quantity field and an Update button.

Service promises

The cart page can show up to six short commitments below the summary, each with an optional icon. Each promise is a Service block in the Cart section. The cart template comes with one: Secure payment, with the Lock icon. The other standard promises (Complimentary delivery, Free exchanges and returns, Collect in store) are options of the block's Promise setting.

To manage them, open the Cart template in the theme editor, then:

• Add a promise: click Add block in the Cart section and choose Service. The section takes up to six.
• Remove a promise: select its block and delete it. With no Service blocks left, the cart page shows no promises.
• Reorder the promises: drag the blocks in the sidebar.
• Edit a promise: select its block. Promise offers the four standard promises and Custom. With Custom, write your own words in Text; a custom block with an empty text isn't shown. Icon sets the icon before the text (Check, Lock, Delivery, Return, Store, Gift, Conversation), or None.

The four standard promises are theme text, shown in the shopper's language. To reword one in every block that uses it, in Online StoreThemes, open the … menu for Faubourg, choose Edit default theme content, then search for "Complimentary delivery" (or cart.services to show all four). Edit them in each published language. A Custom text is written in the block: translate it with the Translate & Adapt app.

Empty cart

The empty cart shows "Your cart is empty.", an invitation to discover the collection, and a Continue shopping button to /collections/all. On the cart page, the service promises stay visible.

Free shipping bar

Enter the amount of your own free shipping rate in Free shipping threshold, in Theme settingsCart, in whole units of your store's currency. The cart drawer and the cart page then show how much is left to spend for free shipping ("$40.00 more for complimentary shipping."), counted after discounts. Once it's reached, the bar gives way to a check mark beside "Your order ships complimentary.", the cart page's shipping row reads "Complimentary", and the notice under the total no longer says shipping is calculated at checkout. The theme can't read your shipping rates: keep the amount in step with them. The bar shows only to shoppers paying in your store's currency. Leave the field empty for no bar.

What the cart doesn't offer

• Discount codes: these are entered at Shopify checkout. Automatic discounts, however, do appear in the cart.
• Upsells and shipping estimates: add them with an app if you need them.

Gift wrapping

A wrapping added with the Gift wrapping block shows under its item, with its price, its gift message in quotation marks, and its own Remove link. Removing the item removes its wrapping too.

Gift cards sent to a recipient

When a shopper sends a gift card to someone, the cart line shows the recipient's email, their name, the message, and the send date. See Gift card.