# 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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FnD7p8G58HCibwNSlJBWn%2FBildschirmfoto%202024-10-06%20um%2019.40.51.png?alt=media&#x26;token=be71a50d-ff61-49e2-be5d-3043c9160967" alt=""><figcaption></figcaption></figure>

### Produktzuweisung - Einstellungen

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

### Vergleichswerte - Einstellungen

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2F7kfefoAW6opz2SC0u2IH%2FBildschirmfoto%202024-10-06%20um%2019.49.22.png?alt=media&#x26;token=c330fe48-c33e-4164-b970-1e192ab50435" 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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2F16IsJdEin8J1zZEJVVNd%2FBildschirmfoto%202024-10-06%20um%2019.51.17.png?alt=media&#x26;token=182bef71-7467-40c0-9820-ed956bdd5640" 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="../konfigurationsbausteine/elemente-pro-reihe" %}
[elemente-pro-reihe](https://docs.rh-webdesign.com/cms-bundle/elemente/konfigurationsbausteine/elemente-pro-reihe)
{% endcontent-ref %}