> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/handbuch/produktseiten/buybox/konfiguration.md).

# Konfiguration

## Basiskonfiguration

***

### Kurzbeschreibung anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-product-detail-short-description-show`

{% hint style="info" %}
Die Kurzbeschreibung kann über ein Zusatzfeld im jeweiligen Produkt hinzugefügt werden.
{% endhint %}

## Preis-Tabelle

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Standard\
• ThemeWare®

**Beispiel Wert**:\
`ThemeWare®`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Preis-Tabelle"

**Technischer Name**:\
`twt-product-detail-prices-table-layout`

***

### Stil

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• großzügig (Standard)\
• kompakt

**Beispiel Wert**:\
`kompakt`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Preis-Tabelle"

**Technischer Name**:\
`twt-product-detail-prices-table-style`

***

### Breite

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• breit (Standard)\
• schmal

**Beispiel Wert**:\
`schmal`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Preis-Tabelle"

**Technischer Name**:\
`twt-product-detail-prices-table-width`

***

### Textfarbe (Tabellen-Kopf)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Preis-Tabelle"

**Technischer Name**:\
`twt-product-detail-prices-table-head-color`

{% hint style="info" %}
Wird in der Darstellungsart "ThemeWare®" verwendet.
{% endhint %}

***

### Hintergrundfarbe (Tabellen-Kopf)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-primary`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Preis-Tabelle"

**Technischer Name**:\
`twt-product-detail-prices-table-head-background-color`

{% hint style="info" %}
Wird in der Darstellungsart "ThemeWare®" verwendet.
{% endhint %}

## Buy-Widget (Mengenauswahl und Kaufen-Button)

***

### Anordnung

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nebeneinander (Standard)\
• untereinander

**Beispiel Wert**:\
`untereinander`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Buy-Widget (Mengenauswahl und Kaufen-Button)"

**Technischer Name**:\
`twt-product-detail-buy-widget-arrangement`

{% hint style="info" %}
**Hinweis**: Legt fest, wie Mengenauswahl und Kaufen-Button angeordnet werden.

In der Anordnung "untereinander" nutzen beide die volle Breite. Express-Kauf-Buttons, die andere Erweiterungen darunter ergänzen (z.B. PayPal oder Amazon Pay), schließen dann bündig an.
{% endhint %}

## Kaufen-Button ("In den Warenkorb")

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Text (Standard)\
• Text & Icon

**Beispiel Wert**:\
`Text (Standard)`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Kaufen-Button ("In den Warenkorb")"

**Technischer Name**:\
`twt-product-detail-btn-buy-layout`

{% hint style="info" %}
Um den Text zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: detail.addProduct
{% endhint %}

***

### Position der Icons

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• links\
• rechts

**Beispiel Wert**:\
`links`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Kaufen-Button ("In den Warenkorb")"

**Technischer Name**:\
`twt-product-detail-btn-buy-icon-position`

## Merkzettel-Button ("Auf den Merkzettel")

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Link (Standard)\
• Button\
• Button (Outline)

**Beispiel Wert**:\
`Button`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Merkzettel-Button ("Auf den Merkzettel")"

**Technischer Name**:\
`twt-product-detail-wishlist-button-layout-type`

{% hint style="info" %}
**Hinweis**: Legt fest, wie der Merkzettel-Button unterhalb des Kaufen-Buttons dargestellt wird.

In der Darstellungsart "Link" bleibt er, wie Shopware ihn ausliefert.

Um den Text zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: listing.addToWishlist
{% endhint %}

***

### Buttonfarbe

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Hell\
• Sekundär

**Beispiel Wert**:\
`Sekundär`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Merkzettel-Button ("Auf den Merkzettel")"

**Technischer Name**:\
`twt-product-detail-wishlist-button-color-type`

{% hint style="info" %}
**Hinweis**: Legt fest, in welcher Farbe der Merkzettel-Button dargestellt wird.

Beide Farben konfigurierst du im Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration".

In der Darstellungsart "Link" hat diese Konfiguration keine Wirkung.
{% endhint %}

## Versand-Link

***

### Versand-Link anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`anzeigen`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Versand-Link"

**Technischer Name**:\
`twt-product-detail-shipping-link-show`

{% hint style="info" %}
**Hinweis**: Zeigt unterhalb des Kaufen-Buttons einen Versand-Link an, der die im Shop hinterlegte Versand- und Zahlungsseite als Overlay öffnet.

Den Text bearbeitest du über den Textbaustein `twt.detail.shippingLink`.

Bei Produkten, die als versandkostenfrei gekennzeichnet sind, wird der Link automatisch ausgeblendet. Ist im Shop keine Versand- und Zahlungsseite hinterlegt, erscheint der Text ohne Link.
{% endhint %}

{% hint style="warning" %}
**Wichtig**: Wenn du im Textbaustein eine Schwelle nennst ("Kostenloser Versand ab 50 €"), muss diese für alle Lieferländer deines Shops gelten. Shopware führt Versandkosten pro Versandart, Währung und Regel — ein Textbaustein kann das nicht unterscheiden.
{% endhint %}