> For the complete documentation index, see [llms.txt](https://beloria-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://beloria-docs.boostheme.com/static-sections/product-pages/main-product-cross-sell.md).

# Main product - Cross-sell

## 1. Open the Main product - Cross-sell section:

On the left sidebar of the Theme editor, click the **Main product - Cross-sell** section.

![](/files/-Mgxl7os0AVMT8tYxD2a)

If this section does not exist on the available list, you can also add it by clicking the **Add section** button, then choose **Main product - Cross-sell**.

![](/files/-Mgxl9plf-B2wjDSTYgx)

## 2. Settings

Click the section name from the available section list on the left sidebar to open the section settings.

### Background

* **Enable:** turn on/off the background.
* **Pick a color:** choose a color to set the background color. If the background is empty, the background color will be displayed.
* **Background image:** pick or upload your image to display it as the background image.
* **Background size:** set the size of the background image.
* **Background style:** set the style of the background image.

### Section gutters

* **Enable top gutter:** turn on/off the space distance on the top of the section.
* **Enable bottom gutter:** turn on/off the space distance on the bottom of the section.

### General settings

* **Heading:** add your text to show it as the section heading.
* **Subheading:** add your text to show it as the section subheading.
* **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.
  * **Automation:** the site will load the cross-sell products in a manual way first. If there are not found products, the site will load the cross-sell products in an automated way.
  * **Manual:** the site only loads the cross-sell products in a manual way. 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/-MgxmLHmaDON8ItrgiZn)

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

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

### Product carousel item settings

Only affect if you configure to show products in a slider. Please refer to [the guide](/tips.md#product-item-settings) for details of these settings.