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

# Related Products with Image

{% hint style="info" %}
Only avalaible on Product pages
{% endhint %}

The Related products + image section shows product recommendations (“You may also like”) next to a large image, in the same layout as the **Vertical product showcase (Image with products)** section: one column for the image (with an optional heading) and one for a slider of product cards. The difference is that this section is **only available on product pages**, and the products are **chosen automatically** by Shopify based on the current product (recommendations), so you don’t add product blocks. Use it when you want a strong image and “you may also like” style recommendations on the product template.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FaHaiKaEK0gOZbx0evDUq%2FCapture%20d'%C3%A9cran%202026-02-20%20204126.png?alt=media&amp;token=9cd914e3-75d1-40e6-bd0b-51fed377861b" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

### Same as Image with Products

Layout, appearance, and most settings are the same as **Vertical product showcase (Image with products)**. For full descriptions of the following, see the **Vertical product showcase** [documentation](/docs/theme-sections-by-category/product/vertical-product-showcase.md).
{% endhint %}

### Related Products with Image Specific Settings

#### Media content

* **Heading position**: The only content-on-image control. It sets where the **Heading text** block sits on the image (Top Left, Top Right, Bottom Left, Bottom Right).
* There is **no Button block** and **no “Group the title and button”** or “Button position” — only the heading block and this single position.

#### Cards settings

* **Product count**: Number of recommended products to show (2–10). The theme requests this many recommendations from Shopify; you don’t add product blocks.
* This section does **not** include **Product rating** or **Show availability**. For those options, use the **Vertical product showcase** section on pages where it’s available.

***

### Tips

* Use this section on the product template when you want “you may also like” next to a campaign or lifestyle image. Recommendations are managed in Shopify’s **Search & Discovery** app.
* Set **Product count** to match how many products you want visible in the slider (2–10). If Shopify returns fewer recommendations, fewer cards will show.