> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/en/blog/elemente/verwandte-beitraege.md).

# Related posts

Show manually linked, thematically related posts below the article.

The **Related posts** element shows the posts you have manually assigned to the current post as "related". This guides your readers to matching topics in a targeted way and keeps them on your site longer.

{% hint style="info" %}
Which posts count as related is defined in each post – see [Posts](/cms-bundle/en/blog/verwaltung/beitraege.md).
{% endhint %}

Use Shopware's **element picker** (the **Replace element** button) to add the **Related posts** element at the desired position – the field outlined in red.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-cb9225721bbb02ea6c7fdad7ab566317f0703537%2Fblog-verwandte-auswahl.webp?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-4427737dbfb977744b93f158a1a2ede20f53f650%2Fblog-verwandte-beispiel.webp?alt=media" alt=""><figcaption><p>Example in the storefront: related posts as cards</p></figcaption></figure>

### General

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-6c06983f2ad8835ff83bae2c55997e321d9f8254%2Fblog-verwandte-allgemein.webp?alt=media" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Function</th><th>Description</th></tr></thead><tbody><tr><td>Headline (1)</td><td>Headline above the related posts, e.g. "You might also like".</td></tr><tr><td>Limit items (0 = show all) (2)</td><td>Maximum number of related posts shown.</td></tr></tbody></table>

### Layout

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-a598cd6d678f255cb85c9621cddbb9312efa84d8%2Fblog-verwandte-layout.webp?alt=media" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Function</th><th>Description</th></tr></thead><tbody><tr><td>Display (1)</td><td><strong>Grid</strong> shows the posts as a tile grid, <strong>List</strong> stacked. For the grid you set the number of columns per device on the <strong>Items per row</strong> tab.</td></tr></tbody></table>

{% content-ref url="/pages/kXnecx9xgMjluse3dktl" %}
[Elements per Row](/cms-bundle/en/elemente/konfigurationsbausteine/elemente-pro-reihe.md)
{% endcontent-ref %}

### SEO

{% content-ref url="/pages/LHlzFdFr8hVLrftTJKPh" %}
[SEO](/cms-bundle/en/elemente/konfigurationsbausteine/seo.md)
{% endcontent-ref %}