> 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/blog/elemente/produkte.md).

# Produkte

Das Element **Produkte** zeigt die Shop-Produkte, die du dem aktuellen Beitrag zugeordnet hast – als Produktkacheln direkt im Artikel. So verbindest du Inhalt und Shop und lädst deine Leser zum Kauf passender Artikel ein.

{% hint style="info" %}
Welche Produkte erscheinen, legst du im jeweiligen Beitrag fest (alternativ pro Kategorie oder Blog – das Element übernimmt automatisch die Zuordnung der geöffneten Seite). Siehe [Beiträge](/cms-bundle/blog/verwaltung/beitraege.md).
{% endhint %}

Über die **Element-Auswahl** von Shopware (Schaltfläche „Element austauschen“) fügst du das Element **Produkte** an der gewünschten Position hinzu – im rot markierten Feld.

<figure><img src="/files/jfkA5bC7Q6a23msNg3lW" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/Njh8bqOQksRnmXlJMyEM" alt=""><figcaption><p>Beispiel im Storefront: zugeordnete Produkte als Kacheln</p></figcaption></figure>

### Allgemein

<figure><img src="/files/hU9CZdwRFtZPhpIp7egV" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Überschrift (1)</td><td>Optionale Überschrift über den Produkten, z. B. „Passend dazu“.</td></tr><tr><td>Einträge limitieren (0 = alle anzeigen) (2)</td><td>Maximale Anzahl angezeigter Produkte. <strong>0</strong> zeigt alle zugeordneten Produkte an.</td></tr></tbody></table>

### Layout

<figure><img src="/files/p0sLv4k0buGxmfBVT929" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Darstellung (1)</td><td><strong>Grid</strong> zeigt die Produkte als Kachel-Raster, <strong>Slider</strong> als horizontal scrollbare Reihe. Beim Grid legst du über <strong>Elemente pro Reihe</strong> die Spaltenzahl je Endgerät fest.</td></tr></tbody></table>

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

### SEO

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