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

# Aftersell Cart Overview

> What the Aftersell Cart is, who it's for, and how to get started building a custom drawer experience.

The **Aftersell Cart** is a fully customizable cart-drawer experience for your Shopify store. It replaces the default cart with a slide-out drawer you build block by block, adding upsells, rewards, and add-ons, styling it to match your brand, A/B testing variations, and extending it with a JavaScript SDK.

## What it is

When a shopper adds a product, the Aftersell Cart opens as a drawer over your storefront. You design that drawer in the cart editor from a set of [blocks](/aftersell/cart/blocks-overview) (the product list, a checkout button, upsells, rewards, banners, and more) and style it with global and per-block [design settings](/aftersell/cart/design-settings).

## Requirements

* A Shopify store with the Aftersell app installed.
* The **Aftersell Cart app embed** enabled in your theme, so a published cart renders on your storefront.

## Key concepts

* **Carts**: a cart is one complete drawer experience. See [how carts work](/aftersell/cart/how-carts-work), and only [one is live at a time](/aftersell/cart/having-multiple-carts).
* **Blocks**: the building pieces of a cart. See [how blocks work](/aftersell/cart/blocks-overview).
* **Design settings**: global and per-block [styling](/aftersell/cart/design-settings), plus [custom CSS](/aftersell/cart/custom-css).
* **Tests**: [A/B test](/aftersell/cart/tests-overview) one cart against another and read the [analytics](/aftersell/cart/test-analytics).
* **SDK**: extend the cart with [JavaScript](/aftersell/cart/sdk-overview).

## Getting started

1. [Create a cart](/aftersell/cart/creating-carts). It starts from a working default layout.
2. [Add and arrange blocks](/aftersell/cart/blocks-overview) to build the experience you want.
3. [Customize the look](/aftersell/cart/design-settings) with design settings and, if needed, custom CSS.
4. [Preview](/aftersell/cart/previewing-carts) it, then publish.
5. Optionally, [test](/aftersell/cart/tests-overview) variations and [extend with the SDK](/aftersell/cart/sdk-overview).

## How these docs are organized

* [**Managing carts**](/aftersell/cart/how-carts-work): how carts are structured, then create, preview, and run one or more carts.
* [**Customizing your cart**](/aftersell/cart/design-settings): design settings, behavior settings, custom CSS, and custom scripts.
* [**Cart blocks**](/aftersell/cart/blocks-overview): how blocks work, a page for every block, plus custom templates and custom code.
* [**Cart tests**](/aftersell/cart/tests-overview): set up A/B tests and read their results.
* [**Analytics**](/aftersell/cart/analytics): how a published cart is performing — revenue, conversion, impressions, and top products.
* [**Cart SDK**](/aftersell/cart/sdk-overview): events, actions, hooks, and use cases for extending the cart with code.