> 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/vergleichstabelle.md).

# Vergleichstabelle

Das Element ermöglicht es Nutzern, **Produkte und dessen Spezifikationen** direkt nebeneinander zu vergleichen und so fundierte Kaufentscheidungen zu treffen.

Produkte können entweder **manuell** zugewiesen oder über **dynamische Produktgruppen** geladen werden. Die Darstellung erfolgt in Form eines Sliders, der eine übersichtliche und interaktive Möglichkeit bietet, die Unterschiede und Gemeinsamkeiten der Produkte auf einen Blick zu erfassen.

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

### Produktzuweisung - Einstellungen

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

### Vergleichswerte - Einstellungen

<figure><img src="/files/4OHDH9oDoBjXob6lIJ8W" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="251">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Standardwerte (1)</td><td>Hier kannst du auswählen, welche Basiswerte des Produktes in der Vergleichstabelle erscheinen sollen</td></tr><tr><td>Produkteigenschaften (2)</td><td>Hier kannst du die Eigenschaften wählen, die miteinander verglichen werden sollen</td></tr><tr><td>Höhe der Werte (3)</td><td>Um eine einheitliche Darstellung der Produkte nebeneinander zu gewährleisten, kannst du hier feste Höhen für die Felder festlegen</td></tr></tbody></table>

### Zusätzliche - Einstellungen

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

<table><thead><tr><th width="294">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Erstes Produkt hervorheben (1)</td><td>Das erste Produkt in der Liste wird hervorgehoben, um Kaufanreize zu setzen</td></tr><tr><td>Text für Hervorhebung (2)</td><td>Ein Badge, das über dem ersten Produkt angezeigt wird</td></tr><tr><td>Farbe der Hervorhebung (3)</td><td>Sowohl der Rahmen, als auch das Badge wird durch die Farbe beeinflusst</td></tr><tr><td>Merkzettel (4)</td><td>Produkte können zum Merkzettel hinzugefügt werden. Beachte, dass die Merkzettel-Funktion im Shop aktiviert sein muss.</td></tr><tr><td>Aktionsbuttons anzeigen (5)</td><td>Die Buttons zu den jeweiligen Produkten kannst du hier de-/aktivieren</td></tr></tbody></table>

### Responsive - Einstellungen

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