> For the complete documentation index, see [llms.txt](https://docs.webexp.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webexp.dev/sply-shopify-theme/sply-grow/sections-and-features/cart-drawer.md).

# Cart Drawer

The frosted cart drawer.

The cart opens as a frosted full-height drawer that locks to the screen. It lists items with quantity steppers, a running total, and the checkout button.

On this tier the drawer also includes:

* **Free-shipping progress bar** — configured in **Theme settings → Cart**.
* **Upsell carousel** — a "you may also like" row using Shopify recommendations, with a fallback collection.
* **Express checkout buttons** — Shop Pay, Apple Pay, PayPal and the like beneath checkout (when enabled in Payments).

> **Note** — The drawer is sized to the exact viewport height so it never scrolls as a whole — only the item list scrolls inside it, keeping checkout always reachable.

> **Note** — Each cart line item (its image and name) links to that product's page.
