# 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](https://vodoma-docs.boostheme.com/static-sections/product-pages/main-product-crosssell) for showing cross-sell products on the product page, and [this guide](https://vodoma-docs.boostheme.com/static-sections/cart-page/crosssell-section) 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](https://vodoma-docs.boostheme.com/cross-sell-recommendation-rules) for details of these rules.
  * The site will load the cross-sell products in [a manual way](#b-manual) first. If there are not found products, the site will load the cross-sell products in [the automation way](#a-automation).
  * The site only loads the cross-sell products in [a manual way](#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](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHZ9pBXNTeEG9jtYzuV%2F-MHZBKySArYmTs0UrHDu%2Fcross-sell-widget.jpeg?alt=media\&token=0d9f2d88-3c6c-4920-88c7-96386b4937b9)

![Show the cross-sell products as a carousel slider](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHZ9pBXNTeEG9jtYzuV%2F-MHZBXzPyccxFcrfIX7W%2Fcross-sell-slider.jpeg?alt=media\&token=efb6b7c4-c9ef-4207-b158-06e8ed090b66)

* **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](https://vodoma-docs.boostheme.com/tips#product-item-settings) about these settings.