# Cross-sell products Section

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MgxuQ8dWsDChvuJ1gEL%2F-Mgxw6LLT_qXS7GIifDy%2Fcart-cross-sell.jpg?alt=media\&token=305a68e4-584d-4507-9ca9-846561c074d7)

## 1. Open the Cross-sell products section:

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

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MgxuQ8dWsDChvuJ1gEL%2F-MgxwBX5em-HVvkrPU26%2Fimage.png?alt=media\&token=355aa795-0746-4981-b241-42eb587fccd9)

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

## 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](https://beloria-docs.boostheme.com/cross-sell-recommendation-rules) 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.
* **Limit:** adjust the number of products that will be shown.

### Product item settings

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