> 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/elemente/produktdartstellung/produkt-listing-grid.md).

# Produkt Listing / Grid

Das Element ermöglicht es, Produkte in einem übersichtlichen Raster / Grid darzustellen. Diese Funktion bietet eine klare und **strukturierte Darstellung mehrerer Produkte** auf einer Seite, wodurch der Kunde eine Vielzahl an Artikeln auf einen Blick sehen kann.

Im Gegensatz zum Produktlisting des Shopware-Standards hast du hier noch weitere Einstellungsmöglichkeiten und bist maximal flexibel.

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

### Produkte - Einstellungen

{% content-ref url="/pages/eIKJYZDFoTvDhWvlpdbd" %}
[Produktzuweisung](/cms-bundle/elemente/konfigurationsbausteine/produktzuweisung.md)
{% endcontent-ref %}

### Layout - Einstellungen

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

<table><thead><tr><th width="272">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Layout der Produktbox (1)</td><td>Hier kannst du zwischen verschiedenen Shopware Produklayouts wählen.</td></tr><tr><td>Passform des Bildes (2)</td><td>Passform des Bildes kann hier bestimmt werden. <strong>Cover</strong>, <strong>Beinhalten</strong>, oder <strong>Standard</strong>.</td></tr></tbody></table>

### Responsive - Einstellungen

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