# Cart

This Setting panel allows you to change the icon style, color, border, and size of the Cart icon on the Header and select **Mini Cart Style** - We provide two techniques for Mini Cart: **Dropdown** and **Canvas**. In addition, in this panel, you can customize the **Cross Sells** section - This section appears on the cart page, helping customers access more products and increase your sales.

## How To Access

From the **WP Customize Panel**, go to <mark style="color:green;">**WooCommerce**</mark> → <mark style="color:green;">**Cart.**</mark>

<div align="left"><figure><img src="/files/DWvVuXUAkao3qxoPSM0d" alt=""><figcaption><p>How To Access</p></figcaption></figure></div>

## Cart Setting Panel

{% hint style="info" %}
Within the documentation limitations, we cannot describe each option in detail. The options we have described by name are the most intuitive.
{% endhint %}

**1 - MINI CART**

* **Layou**t:  We provide two techniques for Mini Cart: **Dropdown** and **Canvas.** Please select the style that you prefer and delight in it.
* The remaining settings affect the Cart icon in the **Header** and **Mini Cart.**

**2 - CROSS SELL**&#x20;

This section appears on the cart page, helping customers access more products and increase sales. This setting allows you to customize the display style of this section in the Cart Page.

<div align="left"><figure><img src="/files/BG1AcIdwPaaESYqhTA97" alt=""><figcaption></figcaption></figure> <figure><img src="/files/8ESVkanEwkd20dP5FbBR" alt=""><figcaption></figcaption></figure></div>

## How to add product to Cross-Sells&#x20;

{% hint style="info" %}
To add products to the Cross-Sells section, please add them to the product management section.
{% endhint %}

<figure><img src="/files/GehstvN5YOEo125zIuyD" alt=""><figcaption><p>In the "<strong>Product Data</strong>" section, click on the "<strong>Linked Products</strong>" tab</p></figcaption></figure>

## Where does Section Cross-Sells appear?

{% hint style="info" %}
You'll find a section titled "**YOU MAY ALSO LIKE**" on the Cart Page.
{% endhint %}

<figure><img src="/files/d13fgDP6hq1S2fXVQDW6" alt=""><figcaption></figcaption></figure>


---

# 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://documents.risingbamboo.com/wp-botanica/ecommerce-settings/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.
