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

# Variant - Table

Automatically output all variants of a product as a clear table

The **Variant - Table** lists all variants of a product in a compact table – with variant name, delivery time, price and a direct **"Add to cart"** button per row. This way your customers choose the desired version (e.g. colour and size) at a glance, without having to click through individual variants.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-bcc51e629ea33d0b56576ccdce9787f591e3e273%2Fvarianten-tabelle-beispiel.webp?alt=media" alt=""><figcaption><p>Example in the storefront: all variants of the product with delivery time, price and buy button</p></figcaption></figure>

### Configuration

The element only needs a parent product – all associated variants are then loaded automatically.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-db218b79fcac8b9a96271664cdb87b8a3d0be0ac%2Fvarianten-tabelle-konfiguration.webp?alt=media" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Function</th><th>Description</th></tr></thead><tbody><tr><td>Choose main product (1)</td><td>Select the parent product whose variants are displayed. Via <strong>"To the selected product"</strong> you jump directly to the product in the administration.</td></tr></tbody></table>

{% hint style="info" %}
**Automatic data retrieval**

You only maintain the parent product – all variants including delivery time, price and buy button are taken over automatically from the product. New variants appear in the table without any further action.
{% endhint %}