Appearance
Cart
This guide describes the Theme settings > Cart menu options.
Use the menu options to set how customers purchase products on your store's Cart page or drawer. Refer to Shopify help: Cart page.
The previous image shows a store's Cart page. In the upper left, part of Theme editor's Theme settings > Cart menu is displayed. The menu's Enable shipping calculator option is checked (set to on). With this setting enabled, the Shipping calculator is displayed on the store's cart page below the heading Estimate shipping rates.
For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings.
Set up the cart
To set up your store's cart:
In Theme editor, go to Theme settings > Cart.
Select a setting described in the following table.
| Setting name | Description |
|---|---|
| Cart type | Use the Cart type options to set the cart to display as a Drawer or Page, when the customer selects the Add to cart button. With this option set to Drawer, the cart displays on the current page inside a drawer. To turn off this functionality, and redirect visitors to the cart page, select the Page option. |
| Enable additional checkout buttons | Use the Enable additional checkout buttons options to show/hide buttons on your store's cart page. You can use buttons on your cart page or on the checkout page, but not both. |
| Enable cart notes | Use the Enable cart notes options to show/hide a text box that allows customers to add a note before they proceed to the checkout page. |
| Subtotal position | Use the Subtotal position options to specify where the cart subtotal is displayed in the cart drawer/page. The options are Cart summary or Checkout button. Choose Cart summary to show subtotals within the summary section, or Checkout button to place it near/above the checkout button. |
| Subtotal separator character | Use the Subtotal separator character options to specify a separator character to display between checkout button text and subtotal values in the checkout button. To use this option, set the Subtotal position option to Checkout button. |
| Subtotal separator character repeat | Adjust the Subtotal separator character repeat slider between 1x and 3x to specify how many separator characters are displayed in the checkout button. To use this option, set the Subtotal position option to Checkout button. |
| Open drawer when product is added to cart | Use the Open drawer when product is added to cart options to turn on/off opening the cart drawer automatically when a customer adds a product to the cart. This setting only applies when Cart type is set to Drawer. |
| Show product vendor | Use the Show product vendor options to show/hide the names of product vendors on the cart page. |
| Show installments | Refer to Shopify help: Shop Pay Installments. |
| Enable shipping calculator | Use the Enable shipping calculator options to show/hide the Shipping calculator on the cart page. The calculator only displays when the Cart type option is set to Page. |
| Free shipping progress > Set up your shipping rates (link) | Informational text that links to your store’s Shipping and delivery settings in the Shopify admin. Use it to configure shipping rates that match your specified free shipping threshold. Refer to Shopify help: Shipping and delivery. |
| Free shipping progress > Show free shipping progress | Use the Show free shipping progress options to show/hide a progress bar for sections that display the free shipping indicator. |
| Free shipping progress > Free shipping threshold | In the Free shipping threshold box, enter a (store currency) value to use as a threshold for the free shipping indicator. For example, the default free shipping threshold value is 50 USD. This option is available when Show free shipping progress is set to on. To customize the threshold for specific markets, refer to Show a free shipping progress bar. |