# Mini Cart

A mini cart is a great feature that lets users quickly view their cart contents without going away from their current page. Located under **Appearance -> Customize -> WooCommerce -> General Settings**, the **Mini Cart** settings enable you to control how this cart preview appears and behaves, providing a seamless shopping experience.

There are two types of mini cart, and they are:

<figure><img src="/files/ZXk4YpGd4eTumVozqH6e" alt="" width="335"><figcaption></figcaption></figure>

* **Drawer**: Appears as a sliding panel from the side of the page.
* **Popup**: Displays as a pop-up window over the current page.

<div><figure><img src="/files/7m8TJVkkwSCna6ErWXhZ" alt="" width="375"><figcaption><p>Drawer Type</p></figcaption></figure> <figure><img src="/files/RWeGovFHehPpQkelIGbq" alt="" width="375"><figcaption></figcaption></figure></div>

### Options (for Drawer)

* **Animation**: Select the animation style for the drawer’s appearance.
  * **Slide**: The drawer slides into view from the side.
  * **Fade**: The drawer fades in gently.
* **Cart Button**: Toggle the visibility of the "Go to Cart" button within the drawer.
* **Max Width**: Set the maximum width of the drawer, with a range from 300 to 700 pixels.

### Style (for Drawer)

<figure><img src="/files/Gz6rkTYvihLNQM5tEIF4" alt="" width="332"><figcaption></figcaption></figure>

* **Separators**: Choose the color of the separators within the drawer.
* **Background**: Select the background color for the drawer.
* **Headings**: Pick the color for headings in the drawer.
* **Text**: Choose the color for text within the drawer.
* **Padding**: Adjust the inner padding of the drawer, with responsive options to ensure it looks good on all devices.
* **Border**: Define the border style around the drawer, including responsive options.
* **Border Radius**: Set the border radius to create rounded corners, with responsive options available.
* **Box Shadow**: Add a shadow effect to the drawer for a more pronounced appearance.
* **Offset**: Adjust the drawer’s position relative to the edges of the browser window. This includes vertical and horizontal offsets, allowing you to fine-tune where the drawer appears on the screen.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.kaliumtheme.com/post-types/woocommerce/general-settings/mini-cart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.