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

# Product Comparison

Compare products and their specifications

This element allows users to **compare products and their specifications** side by side, enabling informed purchasing decisions.

Products can be either **manually** assigned or loaded via **dynamic product groups**. The display takes the form of a slider, providing a clear and interactive way to capture the differences and similarities between products at a glance.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2FAp9Ptug5ycj2ixIZbHmS%2FBildschirmfoto%202024-10-07%20um%2021.38.14.png?alt=media&amp;token=89a79e06-ae03-42ca-9333-98ac5738eaaa" alt=""><figcaption></figcaption></figure>

### Product Assignment - Settings

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

### Comparison Values - Settings

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2FMZ85sQUChDv38HDftQBC%2FBildschirmfoto%202024-10-07%20um%2021.40.03.png?alt=media&amp;token=1c647ac4-00a5-495e-a618-644414faadfa" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="251">Function</th><th>Description</th></tr></thead><tbody><tr><td>Standard Values (1)</td><td>Here you can select which basic values of the product should appear in the comparison table.</td></tr><tr><td>Product Features (2)</td><td>Here you can choose the features that should be compared.</td></tr><tr><td>Height of Values (3)</td><td>To ensure a uniform presentation of the products side by side, you can set fixed heights for the fields here.</td></tr></tbody></table>

### Additional - Settings

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2FAi4yRkz4rbmBWiMfuNyb%2FBildschirmfoto%202024-10-07%20um%2021.41.05.png?alt=media&amp;token=6d891ec2-5833-4787-8280-6099472867b5" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="294">Function</th><th>Description</th></tr></thead><tbody><tr><td>Highlight First Product (1)</td><td>The first product in the list is highlighted to create purchase incentives.</td></tr><tr><td>Highlight Text (2)</td><td>A badge displayed above the first product.</td></tr><tr><td>Highlight Color (3)</td><td>Both the border and the badge are influenced by the color.</td></tr><tr><td>Wishlist (4)</td><td>Products can be added to the wishlist. Note that the wishlist function must be activated in the shop.</td></tr><tr><td>Show Action Buttons (5)</td><td>You can enable or disable the buttons for the respective products here.</td></tr></tbody></table>

### Responsive - Settings

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