# 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="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2FobJnczIM14t8cHmDfYtW%2FScreen%20Recording%202023-10-24%20at%2010.10.18.gif?alt=media&#x26;token=23a6f8fe-7ba6-454b-88d4-07aa51c8a2e8" 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="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2FxmTaz2XH2MThNTJQe6Sk%2FScreenshot%20at%20Oct%2024%2010-13-20.png?alt=media&#x26;token=37503eca-c36c-4c1c-a441-54ce6a12f54d" alt=""><figcaption></figcaption></figure> <figure><img src="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2FJIYNGmv4Fz1y7t1fzNB8%2FScreenshot%20at%20Oct%2024%2010-13-41.png?alt=media&#x26;token=b14fa582-8a68-40a5-b2ff-301d8a6b9a49" 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="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2Fe0340uv3ZuPbTvwCQOZY%2FScreenshot%20at%20Oct%2024%2010-51-49.png?alt=media&#x26;token=8e316981-2b86-4e30-9019-f9af24838ae1" 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="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2Fo84YXJbfdf2PAXyW7G4B%2Fcrosssells.jpg?alt=media&#x26;token=184fc3e0-241a-49c8-b2a6-1b327fe35439" alt=""><figcaption></figcaption></figure>