> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/stiletto/cart/cross-sells.md).

# Cross sells

Enable **Cross sells** to show a recommended products section in the cart. Cross sells appear in both the **quick cart** and **cart page**.

<img src="/files/gVOc7aIBiXqEIHMdkOLt" alt="" width="375">

<h2 align="center">Set up cross sells</h2>

***

Go to **Theme settings > Cart** to set up cross sells in your cart.

* Enable **Cross sells** to show recommended products in the cart.
* Choose to show recommendations from a **collection** or a **custom list of products**.
* Choose how many product recommendations to show

<sub><mark style="color:$info;">Go to Theme settings > Cart to find the settings<mark style="color:$info;"></sub>

<table><thead><tr><th width="190">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Enable cross sells</mark></td><td>Show recommended products related to items currently in the cart.</td><td></td></tr><tr><td><mark style="color:blue;">Heading</mark></td><td>Enter a title for the cross sells section.</td><td><mark style="background-color:yellow;">Default: "Others also bought"</mark></td></tr><tr><td><mark style="color:blue;">Show product thumbnails</mark></td><td>Show product images next to the product title and price.</td><td></td></tr><tr><td><mark style="color:blue;">Max number of products to show</mark></td><td>Set the maximum number of recommended products.</td><td><strong>3 - 9</strong></td></tr><tr><td><mark style="color:blue;">Product source</mark></td><td>Choose the source of product recommendations for cross-sells. Either select a <strong>Collection</strong> or <strong>Product list</strong>.</td><td><p><strong>From collection</strong> <em><mark style="background-color:yellow;">Default</mark></em></p><p><strong>From product list</strong></p></td></tr></tbody></table>

### <mark style="color:$primary;">Layout</mark>

{% hint style="info" %}
Layout options were added in v5.2.0. View the [changelog](/stiletto/readme/changelog.md) or learn how to [update your theme](/stiletto/general/theme-updates.md).
{% endhint %}

Display cross sells products as a **stacked** or single row **slider**. Go to Theme settings > Cart to find the settings.

{% columns %}
{% column %}

<div data-with-frame="true"><figure><img src="/files/fpoe923TzOAugEF9pl7t" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/zstPsKPF0UvC35xGQq5L" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

> **Related links**
>
> [Quick cart](/stiletto/cart/quick-cart.md)\
> [Cart page](/stiletto/cart/cart-page.md)\
> [Recommended products](/stiletto/product-pages/product-page-sections/product-recommendations.md)\
> [Recently viewed products](/stiletto/sections/theme-sections/recently-viewed-products.md)\
> [Complementary products](/stiletto/product-pages/product-page-blocks/complementary-products.md)