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

# Bag drawer

> The bag that slides in from the side when shoppers add a piece, with the same lines, gift options and note as the cart page, and "Goes well with" suggestions.

![Bag drawer on the storefront](https://mintcdn.com/kwebby/Y7lUE3PaLXfHjaRp/images/vesper/guide-cart-drawer.webp?fit=max\&auto=format\&n=Y7lUE3PaLXfHjaRp\&q=85\&s=9fefa2ec0165a00ae3db2858f1bd39f2)

Bag drawer, highlighted with the demo content

## Where to find it

Every page, when Theme settings, Cart, Cart type is Drawer. It opens from the bag button and after Add to bag. In the theme editor, select Cart drawer in the sidebar for its color scheme and empty-bag link; everything else is in Theme settings, Cart.

## How it works

* Opens when a piece is added and when the bag button is pressed.
* Shows the lines, gift wrapping, gift message, order note, totals and checkout.
* Goes well with suggests up to three pieces: complementary products of the newest item in the bag, then the products you pick in Theme settings, Cart. Pieces already in the bag are left out.
* With Cart type set to Page, Add to bag goes to the cart page instead.

![Cart settings](https://mintcdn.com/kwebby/ipMVAv6ECVUC3DoM/images/vesper/settings-cart.webp?fit=max\&auto=format\&n=ipMVAv6ECVUC3DoM\&q=85\&s=696cd1102ab925acff0ac04e490eead3)

The bag drawer is set in 1 Theme settings · 2 Cart

## Edit it

* Choose Cart type, gift options, the order note and the suggestions in Theme settings, Cart.
* Set Link when the bag is empty.

## Settings

| Setting | What it does |
| - | - |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |
| **Link when the bag is empty** | Link: a page, product, collection or web address. |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.