Cart Page

The cart template displays the customer’s shopping cart with line items, quantity controls, and order summary.

Default Layout

The cart page includes:

1. Cart title — Heading with item count
2. Line items — Each product in the cart with image, title, variant, price, and quantity controls
3. Cart summary — Subtotal, discount codes, cart notes, and checkout button

Features

Line Items

Each cart item displays:

• Product image (linked to the product page)
• Product title and variant name
• Unit price and line total
• Quantity selector with increment/decrement buttons
• Remove button
• Selling plan name (if a subscription plan was selected)

Discount Codes

Customers can enter discount codes directly on the cart page. Applied discounts are shown on the relevant line items and in the summary.

Discount-code entry can be enabled or disabled in Theme settings > Cart. Removing an applied code updates the cart without a full page reload.

Cart Notes

An optional text area where customers can add order notes or special instructions.

Cart Drawer

In addition to the cart page, Fit Check includes a cart drawer that slides in from the side. The cart drawer provides the same functionality without leaving the current page.

Configure the cart drawer in Theme settings > Cart.

Cart drawer settings include panel width, drawer heading size, product-list max height, cart notes, discount codes, installment messaging, accelerated checkout, and whether add-to-cart automatically opens the drawer.

Cart Page Layout

The cart page section includes desktop layout controls:

Blocks

Tips

• The cart updates automatically via AJAX — no page reload needed when changing quantities.
• Empty cart state shows a message with a link to continue shopping.
• Use drawer mode for stores that want customers to keep browsing after adding products.