# 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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2F9huauUbHMg7L3SVA17sW%2FBildschirmfoto%202024-10-06%20um%2020.14.01.png?alt=media&#x26;token=28336e74-4b2c-44a7-afd3-27dc275c4769" alt=""><figcaption></figcaption></figure>

### Produkte - Einstellungen

{% content-ref url="../konfigurationsbausteine/produktzuweisung" %}
[produktzuweisung](https://docs.rh-webdesign.com/cms-bundle/elemente/konfigurationsbausteine/produktzuweisung)
{% endcontent-ref %}

### Layout - Einstellungen

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FO8DvmSeFTUnq8CDQzSCk%2FBildschirmfoto%202024-10-06%20um%2020.17.30.png?alt=media&#x26;token=ef31c0d5-66cc-4fdc-bf9f-b06054f69eb7" 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="../konfigurationsbausteine/elemente-pro-reihe" %}
[elemente-pro-reihe](https://docs.rh-webdesign.com/cms-bundle/elemente/konfigurationsbausteine/elemente-pro-reihe)
{% endcontent-ref %}