> For the complete documentation index, see [llms.txt](https://oranthemes.gitbook.io/edge-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://oranthemes.gitbook.io/edge-theme/collections-and-products-pages/product-page/related-products.md).

# Related products

How to display related products of the current product page

Related products are based on products that are commonly purchased together, have a similar product description, or products in related collections. Related products become more accurate over time as more order and product information becomes available.

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F9izZMeOqsGxRS9ih0M3X%2F2025-04-05_14-23-22.jpg?alt=media&amp;token=43e70f79-29fe-4c55-9232-30488b006505" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**

1. In the theme editor (**Customize**), open the template selector
2. Select **Products**, then **Default product.**
3. On the left-side bar > Select  **Related products.**
4. Make necessary changes **> Save.**
   {% endhint %}

## General settings

Dynamic recommendations use order and product information to change and improve over time. [Learn more](https://help.shopify.com/themes/development/recommended-products)

<div><figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F3btUIEE5XX4BBFgJPPZx%2F2025-04-05_14-23-50.jpg?alt=media&amp;token=559c7c21-4bc3-4f8d-9d00-cf8ed8d41dbd" alt=""><figcaption></figcaption></figure> <figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FxAIiU42Y4y2Fg0cLDH5p%2F2025-04-05_14-24-12.jpg?alt=media&amp;token=3d43c8d7-9802-49fd-8fb5-8561718cfaaf" alt=""><figcaption></figcaption></figure></div>

* **Width** - With of this section 3 options : Boxed / Wide / Full

### Section header

* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From h1 to h6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*

### Grid

* **Stack products** -  Display products in a grid layout. ( If disable Layout products is carousel )
* **Show carousel progress bar**
* **Enable overflow visible** - When this feature is enabled, the Carousel will be allowed to overflow from the container
* **Maximum products to show**
* **Columns on desktop**

### Mobile Layout

* **Columns on mobile** : 1 column / 2 columns

### Colors

* **Background**
* **Text color**

### Section padding

* **Top padding**
* **Bottom padding**