Cart drawer

The Cart drawer is the cart that slides in from the side of the screen when customers add a product or select the cart in the Header. Customers change quantities, remove products and check out without leaving the page they’re on. It lives in the Sidebars group of the theme editor and works on every page except the cart page.

Use the cart page instead of the drawer

The drawer is on as long as the section is in the Sidebars group: there is no switch in theme settings. To send customers to the cart page instead, remove this section. The cart link in the header then opens the cart page, and the Cart notification section confirms each product added.

To see the drawer while you edit it, open any page other than the cart page in the theme editor and add a product to the cart.

What customers see in the drawer

• At the top, the title with the number of items and the close button. Right after an add, a short confirmation names the product added.
• In the middle, the products in the cart, followed by your blocks. This part scrolls. When a customer removes a product, an Undo link brings it back.
• At the bottom, always in view, the totals and the View cart and Check out buttons.

The drawer opens from the right, or from the left in right-to-left languages such as Arabic and Hebrew. Customers close it with the close button, the Esc key or a click outside.

Choose what shows below the products

The blocks between the products and the totals are yours to add, remove and reorder. By default the drawer has Delivery estimate, Product suggestions, Cart note and Discount code. You can also add Free shipping progress, Terms and conditions, Invoice request, Text and blocks from your apps.

Each block type can be used once, except Text and app blocks. A second copy of the same type shows nothing in your store, and a notice marks it in the theme editor.

These blocks have their own settings, separate from the blocks of the Cart page: you can, for example, suggest fewer products in the drawer than on the page.

• Cart note and Discount code start closed, to save room, and open by themselves when a customer has already written a note or applied a code.
• Delivery estimate uses the rules in Theme settings > Delivery estimate, where you also turn it on. It is hidden when nothing in the cart needs shipping.
• Product suggestions shows products that complement the cart, which you set up in the Shopify Search & Discovery app, or products from a collection. Products already in the cart are left out.

Show a free shipping bar

Add the Free shipping progress block and enter your free shipping amount in Free shipping minimum order. The theme doesn’t read your shipping rates, so use the same amount as your free shipping rate in Settings > Shipping and delivery. Without an amount the bar doesn’t appear.

If you sell in several currencies, Show only in your store currency hides the bar for customers who shop in another one. To use a different amount for each market, adapt the setting in the Translate & Adapt app, then turn this option off.

Ask customers to accept your terms

The Terms and conditions block adds a checkbox that customers must check before checking out, with a link to your terms of service. Write the policy first in Settings > Policies: without it, the block doesn’t appear.

Collect invoice details

The Invoice request block lets customers ask for an invoice and enter the details needed in Italy, for individuals, companies or nonprofit organizations, with optional e-invoicing fields. The details are saved with the order.

Show accelerated checkout buttons

Show accelerated checkout buttons in the Checkout button block adds buttons such as Shop Pay, Apple Pay or PayPal, depending on the payment methods you’ve turned on. They are off by default because they load payment scripts on every page, which can slow down your store.

The buttons stay hidden until customers accept the terms, when you use Terms and conditions, and while an invoice is requested, because they skip the cart and its details.

The Totals and Checkout button blocks always sit at the bottom of the drawer. You can change their settings, but you can’t move or delete them, so the drawer always has a total and a way to check out.

Fill the empty cart

When the cart is empty, the drawer says so and offers a Continue shopping button. Choose an Empty cart collection to also show up to three available products from it, as a place to start.

Change the details and colors

Show vendor adds the brand name to each product in the cart. Color scheme colors the whole drawer.

Settings

Settings: Cart drawer

Setting	Type	Default	Options
The drawer opens from the cart icon and after customers add a product. To send customers to the cart page instead, remove this section: the Cart notification section then confirms each product added.
Show vendor	Checkbox	Off	—
Empty cart collection Up to 3 available products from this collection show when the cart is empty.	Collection	—	—
Color scheme	Color scheme	scheme-1	—

Blocks

Free shipping progress

Settings: Free shipping progress

Setting	Type	Default	Options
The theme doesn’t read your shipping rates: use the same amount as your free shipping rate in Settings > Shipping and delivery.
Free shipping minimum order Amount only, for example 150, in your store’s currency. To use another amount for a market, adapt this setting in the Translate & Adapt app.	Text	—	—
Show only in your store currency Hides the bar when customers shop in another currency. Turn off if you adapted the minimum for each market: market-specific content shows only on plans that include it.	Checkbox	On	—

Discount code

This block has no settings.

Delivery estimate

Set the cutoff time and shipping days in Theme settings > Delivery estimate. Hidden when nothing in the cart needs shipping.

This block has no settings.

Cart note

This block has no settings.

Product suggestions

Settings: Product suggestions

Setting	Type	Default	Options
Heading	Text	You may also need	—
Products Complementary products are set in the Search & Discovery app. Without them, suggestions don’t show. Products already in the cart are left out.	Drop-down	Complementary to the cart	Complementary to the cart From a collection
Collection Used when Products is set to From a collection.	Collection	—	—
Maximum products to show	Slider	3	1–6, step 1

Invoice request

Settings: Invoice request

Setting	Type	Default	Options
Invoice details are saved as cart attributes and appear in the order. Accelerated checkout buttons hide when an invoice is requested, because they don’t carry cart attributes.
Show individual	Checkbox	On	—
Show company	Checkbox	On	—
Show nonprofit organization	Checkbox	On	—
Show Italian e-invoicing fields Recipient code (SDI) and certified email (PEC).	Checkbox	Off	—

Terms and conditions

Links to your terms of service policy in Settings > Policies. Accelerated checkout buttons in the cart show after customers agree. Buttons on product pages skip this checkbox.

This block has no settings.

Text

Settings: Text

Setting	Type	Default	Options
Text	Rich text	Share shipping, returns or payment details.	—

This section also accepts app blocks.