Cart

Cart drawer or cart page, free shipping bar, order note, complementary products, accelerated checkout and discounts.

Cart options are in Theme settings > Cart. The cart drawer and the cart page show the same content.

Drawer or page

Cart type Drawer, Page

Drawer opens the cart in a panel on the right side of the screen after each add to cart, so customers stay on the page. Page takes customers to the cart page.

The cart page at /cart exists in both cases. Without JavaScript, adding a product always leads to the cart page, and customers can still change quantities and check out.

In the cart, customers can change quantities and remove items. Each line shows the selected options, the subscription plan when there is one, the unit price when it is set, and any discount on that line.

Free shipping bar

Show free shipping bar

Shows a progress bar with the amount left to spend, for example "Spend $20.00 more for free shipping", then a message when the cart reaches the threshold.

Free shipping threshold

Enter the amount in your store currency. Match it to a real shipping rate.

The bar shows only when the cart needs shipping and the customer shops in your store currency. When a customer shops in another currency through Shopify Markets, the bar is hidden, because the threshold is set in your store currency.

The same threshold drives the free shipping badge on product cards, when Show free shipping badge is on in Product cards.

Order note

Show order note adds a field where customers can write instructions for their order. The note appears on the order in your Shopify admin.

Complementary products in the cart

Show complementary products adds a "Pairs well with" list to the cart, with up to four products. It uses the complementary products of the first item in the cart, set in the Search and Discovery app. Customers can add a product in one click when it has a single variant, or open it to choose options.

The list stays hidden when the first item has no complementary products. Set them up in the Search and Discovery app. See Product recommendations in Shopify Help.

Checkout and accelerated checkout

• The Check out button leads to Shopify checkout.
• On the cart page, accelerated checkout buttons, such as Shop Pay, Apple Pay or PayPal, show under the checkout button. They depend on the payment methods turned on in your store. The cart drawer shows only the checkout button, to keep it light.
• On product pages, accelerated checkout buttons are set in the Buy buttons block. See Buy buttons.

Discounts

• Automatic discounts and discounts applied through a discount link show in the cart: on the line for product discounts, and above the total for order discounts.
• Customers enter discount codes at checkout. The cart reminds them that taxes, shipping and discounts are calculated at checkout.

See Discounts in Shopify Help.

Cart page section

The cart page uses the Cart section, which has no settings of its own. You can add other sections above or below it, such as Featured collection or Rich text.