> For the complete documentation index, see [llms.txt](https://vodoma-docs.boostheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vodoma-docs.boostheme.com/theme-settings/cross-sell-products.md).

# Cross-sell ( recommendation ) products

{% hint style="info" %}
From version 3.0.0, the cross-sell products will be shown on the product and cart in individual sections. Please refer to [this guide](/static-sections/product-pages/main-product-crosssell.md) for showing cross-sell products on the product page, and [this guide](/static-sections/cart-page/crosssell-section.md) for the cart page. So you can ignore the below instructions if you are using version 3.0.0 or newer.
{% endhint %}

## Open Cross-sell products settings.

1. From your Shopify admin, go to **Online Store** > **Themes**.
2. Find the theme that you want to edit and click **Customize**.
3. In the left-hand toolbar, click **Theme settings.**
4. Click **Cross-sell products.**

## Product page

* **Enable:** turn on/off the cross-sell products on the product page.
* **Pick a rule:** specify to load the way to load the cross-sell products. There are 2 values: **automation** or **manual**. Please refer to [the article](/cross-sell-recommendation-rules.md) for details of these rules.
  * The site will load the cross-sell products in [a manual way](/theme-settings/cross-sell-products.md#b-manual) first. If there are not found products, the site will load the cross-sell products in [the automation way](/theme-settings/cross-sell-products.md#a-automation).
  * The site only loads the cross-sell products in [a manual way](/theme-settings/cross-sell-products.md#b-manual). If there are not found products, the cross-sell block will be hidden.
* **Display as:** choose the way to show the cross-sell products block. There are two values for this setting: **Calculating widget**, and **Carousel slider**.

![Show the cross-sell products as a caculating widget](/files/-MHZBKySArYmTs0UrHDu)

![Show the cross-sell products as a carousel slider](/files/-MHZBXzPyccxFcrfIX7W)

* **Limit:** adjust the number of products that will be shown.

## Cart page

On the cart page, the cross-sell products are always shown as a carousel slider.

* **Limit:** adjust the number of products that will be shown.

## Product carousel item settings

Only work if the cross-sell products are shown as a carousel slider on the product page or cart page. Please refer to [this guide](/tips.md#product-item-settings) about these settings.