Cart
The cart can open as a drawer over the page or as its own page. Both have the same settings. This page covers the cart type, the order extras, suggested products, free shipping and the empty cart.
Drawer or page#
Choose the cart type under Theme settings > Cart > Cart type.
- Drawer: the cart opens as a sheet over the page when a product is added and from the cart control in the header. Its settings are on the Cart drawer section. To reach them, open the cart in the theme editor preview or select Cart drawer in the sidebar.
- Page: customers go to the cart page. Its settings are on the Cart section of the cart template.
The cart page always exists. It is where the drawer sends a customer whose browser has JavaScript turned off. If you use the drawer, keep the two sections set the same way.
| Setting | What it does |
|---|---|
| Cart type | |
| Show cart note | |
| Show vendor |
Checkout area#
| Setting | What it does |
|---|---|
| Show Shop Pay Installments terms | Shopify writes the installments sentence under the total when Shop Pay Installments is active in your payment settings and the cart qualifies. Otherwise nothing is shown. |
| Show dynamic checkout buttons | Shop Pay, Apple Pay, PayPal and the other accelerated methods of your payment settings, above the checkout button. Buttons keep the colors of their payment method. When the store offers none, the checkout button stands alone. |
| Show payment icons | The logos of the payment methods enabled in your payment settings, under the checkout button. |
| Show delivery and returns statements | Writes the return window and the guarantee from theme settings, under Delivery and returns, as statements under the checkout button. Type your own statements below to replace them. |
| Trust statements | One per line, up to four. To add an explanation shown on hover, focus or tap, write it after a vertical bar: Label | Explanation. |
| Text under the button | Use it for terms the customer accepts at checkout, like renewal terms. |
| Keep checkout button in view |
The order of the checkout area is fixed: dynamic checkout buttons, then the checkout button, then terms, payment icons and statements. Dynamic checkout buttons keep the colors of their payment method.
Order extras#
| Setting | What it does |
|---|---|
| Show free shipping progress | A plain statement with a thin line that fills as the order nears the threshold. Shown only when free shipping starts at an order value, and only to customers who pay in your store currency, so the amount is always true. |
| Estimated delivery | Shown as a row of the order. Leave empty to use the delivery time from theme settings. |
| Show order note | A quiet row, Add a note, under the order. |
| Show shipping estimate | A quiet row that opens on country, province and postal code, and lists your real shipping rates for the cart. The destination is prefilled from the customer's address or market and remembered for the visit. |
| Show discount code field | A quiet row that opens on a field. Shopify checks the code and the discount shows in the order before checkout. |
| Instruction field name | Adds a text field saved with the order under this name, for example: Delivery instructions. Leave empty to hide. |
| Show gift option | |
| Gift option label | |
| Show gift message field |
Shipping estimate#
Show shipping estimate adds a row that opens on country, province and postal code fields. It lists the real shipping rates of your store for the current cart, taken from your shipping settings. The destination is prefilled from the customer's address or market and remembered for the visit. Nothing is estimated by the theme itself.
Order note, instructions and gift option#
- Show order note adds a row, Add a note, under the order. The note is saved with the order.
- Instruction field name adds a text field saved with the order under the name you type, for example Delivery instructions.
- Show gift option adds a checkbox with the label you set in Gift option label, and a message field when Show gift message field is on. Both are saved with the order as order details. The theme does not add a gift wrap product or a fee.
Discount code field#
Show discount code field is off by default. When on, a row opens on a field. Shopify checks the code and the discount shows in the order before checkout. Automatic discounts are always shown in the cart, with or without this field.
Free shipping#
The cart can show a statement and a thin progress line that fills as the order nears your free shipping threshold.
- Under Theme settings > Delivery and returns, set Free shipping to From an order value and type the amount in Free shipping from.
- In the cart section, keep Show free shipping progress on.
- In your Shopify admin, create the matching free shipping rate under Settings › Shipping and delivery. The theme states free shipping. It does not create the rate.
The progress line is shown only to customers who pay in your store currency, so the amount is always true.
Suggested products#
| Setting | What it does |
|---|---|
| Show suggested products | |
| Suggested products heading | |
| Source | Complementary products are chosen per product in the Search and Discovery app. When Shopify has nothing to suggest, the products chosen below are shown. |
| Products | Shown when the source has nothing to suggest, or always with the last source. |
| Always show suggestions | When nothing else is left to suggest, fills the list with products from your catalog, in the order of the All products collection. Also used for the empty cart. |
| Maximum suggested products |
Suggestions are rows with an add button. With Complementary, then related products, the cart first shows the complementary products you chose for the items in the cart in the Shopify Search and Discovery app, then Shopify's related products. Products already in the cart are not suggested.
Empty cart#
| Setting | What it does |
|---|---|
| Show the large figure | |
| Empty cart heading | Leave empty to use the default sentence in the store language. |
| Text | |
| Button label | |
| Button link | Leave empty to link to all products. |
| Products to start with | Shown as rows with an add button. Leave empty to use the collection below. |
| Collection to start with | |
| Maximum products to start with | |
| Heading above the products to start with | |
| Quick links menu | Up to 6 links shown as small pills, for example your collections. |
What the cart shows for each item#
Each line shows the picture, the title, the selected options, the price, the unit price where it applies, line item properties, the selling plan for subscriptions, and discounts applied to the line. Quantity changes and removals update the cart without reloading the page, and each change is announced to screen readers. Quantity rules set on a variant are respected.
Cart page only#
| Setting | What it does |
|---|---|
| This page is used when the cart type in theme settings, under Cart, is set to a page. It is also where the sheet sends a customer without JavaScript. | |
| Layout on desktop | |
The cart page also accepts app blocks and a Custom Liquid block. The drawer has a Liquid code setting for app snippets under the order.
All settings of the Cart section
| Setting | What it does |
|---|---|
| This page is used when the cart type in theme settings, under Cart, is set to a page. It is also where the sheet sends a customer without JavaScript. | |
| Layout on desktop | |
| Checkout | |
| Show Shop Pay Installments terms | Shopify writes the installments sentence under the total when Shop Pay Installments is active in your payment settings and the cart qualifies. Otherwise nothing is shown. |
| Show dynamic checkout buttons | Shop Pay, Apple Pay, PayPal and the other accelerated methods of your payment settings, above the checkout button. Buttons keep the colors of their payment method. When the store offers none, the checkout button stands alone. |
| Show payment icons | The logos of the payment methods enabled in your payment settings, under the checkout button. |
| Show delivery and returns statements | Writes the return window and the guarantee from theme settings, under Delivery and returns, as statements under the checkout button. Type your own statements below to replace them. |
| Trust statements | One per line, up to four. To add an explanation shown on hover, focus or tap, write it after a vertical bar: Label | Explanation. |
| Text under the button | Use it for terms the customer accepts at checkout, like renewal terms. |
| Keep checkout button in view | |
| Order | |
| Show free shipping progress | A plain statement with a thin line that fills as the order nears the threshold. Shown only when free shipping starts at an order value, and only to customers who pay in your store currency, so the amount is always true. |
| Estimated delivery | Shown as a row of the order. Leave empty to use the delivery time from theme settings. |
| Show order note | A quiet row, Add a note, under the order. |
| Show shipping estimate | A quiet row that opens on country, province and postal code, and lists your real shipping rates for the cart. The destination is prefilled from the customer's address or market and remembered for the visit. |
| Show discount code field | A quiet row that opens on a field. Shopify checks the code and the discount shows in the order before checkout. |
| Instruction field name | Adds a text field saved with the order under this name, for example: Delivery instructions. Leave empty to hide. |
| Show gift option | |
| Gift option label | |
| Show gift message field | |
| Suggested products | |
| Show suggested products | |
| Suggested products heading | |
| Source | Complementary products are chosen per product in the Search and Discovery app. When Shopify has nothing to suggest, the products chosen below are shown. |
| Products | Shown when the source has nothing to suggest, or always with the last source. |
| Always show suggestions | When nothing else is left to suggest, fills the list with products from your catalog, in the order of the All products collection. Also used for the empty cart. |
| Maximum suggested products | |
| Empty cart | |
| Show the large figure | |
| Empty cart heading | Leave empty to use the default sentence in the store language. |
| Text | |
| Button label | |
| Button link | Leave empty to link to all products. |
| Products to start with | Shown as rows with an add button. Leave empty to use the collection below. |
| Collection to start with | |
| Maximum products to start with | |
| Heading above the products to start with | |
| Quick links menu | Up to 6 links shown as small pills, for example your collections. |