> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Cart page

> Main cart items template displaying shopping cart contents

The Cart items template (main-cart-items) displays the shopping cart page when customers click the cart icon (for stores not using cart drawer).

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/digifist/images/theme/mojave/main-cart-items-overview.png" alt="Cart page overview" />
</Frame>

## What this section controls

* Cart items list with quantities
* Remove item functionality
* Cart total calculation
* Checkout button
* Empty cart message

## Getting started

<Steps>
  <Step title="Open Theme Customizer">
    In your Shopify admin, go to **Online Store > Themes** and click **Customize** on your active theme.
  </Step>

  <Step title="Navigate to cart page">
    Use the page selector dropdown to select **Cart** to preview the cart page.
  </Step>

  <Step title="Locate the template">
    The "Cart items" section controls the main cart template (when not using cart drawer).
  </Step>
</Steps>

## Template settings

This section has **no customizable settings** - cart functionality is automatic and controlled by theme settings.

**Automatic features**:

* Cart item list with product images
* Quantity adjustment (+/- buttons)
* Remove item buttons
* Price calculations (subtotal, totals)
* Checkout button
* Empty cart state
* Continue shopping link

**Cart type**: Whether this page or cart drawer displays is controlled in **Theme Settings → Cart**.

## Best practices

<CardGroup cols={2}>
  <Card title="Test cart functionality" icon="cart-shopping">
    Regularly test adding items, updating quantities, and removing items to ensure smooth cart experience.
  </Card>

  <Card title="Consider cart drawer" icon="sidebar">
    Many stores prefer cart drawer over cart page for faster checkout flow. Configure in Theme Settings → Cart.
  </Card>

  <Card title="Add cart upsells" icon="arrow-up">
    Use additional sections on cart template for product recommendations, shipping thresholds, or trust badges.
  </Card>

  <Card title="Monitor cart abandonment" icon="chart-line">
    Track cart abandonment rates - high rates may indicate checkout friction beyond cart display itself.
  </Card>
</CardGroup>