Cart

The Cart appears when customers add a product or click the cart icon in the Header. Customers can view their items in the cart, change product quantity, then click the checkout button to complete their purchase.

  • Display the cart as a slide-out drawer or page

  • Allow customers to add notes to their order

  • Change the cart icon style in the header

  • Set up cart features Free shipping bar and Cross sells

Choose cart type: drawer or page


By default, the cart appears as a slide-out Drawer when customers add a product. In the Cart settings, you can turn off the cart drawer and redirect customers to the cart page instead.

In theme settings, click Cart tab to find settings

Setting
Description
Options

Cart type

Choose how the cart appears when customers add a product. Drawer: Shows a slide-out cart, keeping customers on the current page. Page: Redirects customers to the cart page.

Drawer Default Page

Customize cart colors


The cart drawer uses the Drawers colors in your theme settings. The cart page uses the Default color scheme in your theme settings.

In theme settings, click Colors tab to find settings

Setting
Description

Popovers, modals, and drawers

Edit the color scheme for menus and cart drawers.

Default color scheme

Select the color scheme for default pages, including the cart page.

Change cart icon


The icon for the cart appears in the header. You change the icon style or choose to show no icon.

In theme settings, click the Cart tab to find the settings

Setting
Description
Options

Cart icon

Change the icon style for the cart in the header. No icon shows a simple button with the item count.

Cart Bag Default No icon

Enable cart notes


The Cart notes option allow customers to include a message with their order. The text entered into the order notes field will be included in the order details.

Setting
Description

Enable cart note

Display a text field in the cart where customers can add requests or extra information to their order.

Show currency code


When enabled, the country currency code appears next to the cart total.

In the theme setting, click the Currency format tab to find the settings

Setting
Description

Show currency codes on cart totals

Show the three-letter country currency code next to cart totals.

Last updated

Was this helpful?