# Cart and checkout

Source: https://themes.spicydesign.ca/help/guides/cart-and-checkout/
Updated: 2026-11-12

Choose a cart drawer or a cart page in your theme, add an order note, and show a free shipping progress bar. Checkout itself is controlled by Shopify.


Pick a cart drawer or a cart page. Add an order note. Show a free shipping bar.

1. Open the theme editor.
2. Select the **Theme settings** icon (marker 1).

![The Theme settings panel in the editor. Marker 1 is the Theme settings icon. Marker 2 is the list of groups such as Logo and favicon, Colors, Typography and Cart.](https://themes.spicydesign.ca/help/shots/editor-theme-settings.webp)

3. Open **Cart** (marker 1).
4. Next to **Cart type**, choose **Drawer** or **Page** (marker 2). A drawer slides in from the side when someone adds a product. A page opens the full cart page.
5. Switch **Show order note** on if you want shoppers to leave a note with their order.

![The Cart group open in Theme settings. Marker 1 is the Cart group. Marker 2 is the choice between a cart drawer and a cart page. Marker 3 is the free shipping threshold field.](https://themes.spicydesign.ca/help/shots/editor-cart.webp)

6. In **Free shipping threshold** (marker 3), type the order amount that unlocks free shipping. Type 0 to turn the bar off.
7. Select **Save**.

## Show or hide parts of the cart

1. For the drawer, select **Cart drawer** in the left panel. For the cart page, pick **Cart** in the page picker, then select **Cart**.
2. Use the switches, such as **Show free shipping progress** and **Show discount code field**.

## Good to know

- Shopify controls checkout, not your theme. See [Shopify Checkout](https://help.shopify.com/en/manual/checkout-settings).
- The bar is only a message. Set up the free shipping rate under **Settings** and then **Shipping and delivery**.
- The bar shows only for carts in your store currency with items that ship.
- The cart can suggest products too. See [Pairs well with](https://themes.spicydesign.ca/help/guides/pairs-well-with/).

See every setting: [Cart theme settings](https://themes.spicydesign.ca/help/reference/theme-settings/cart/) and [Cart drawer](https://themes.spicydesign.ca/help/reference/global/cart-drawer/).