> 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/produktvideos-in-tabs/konfiguration.md).

# Konfiguration

***

### Produktvideos anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• in der Beschreibung anzeigen\
• in separatem Tab anzeigen

**Beispiel Wert**:\
`in der Beschreibung anzeigen`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Produktvideos (in Tabs)"

**Technischer Name**:\
`twt-product-detail-product-videos-show`

{% hint style="info" %}
Zeigt Produktvideos an – je nach Auswahl in der Beschreibung oder in einem separaten Tab.

Produktvideos können über Zusatzfelder im jeweiligen Produkt hinzugefügt werden.

Um die Zwischenüberschrift (im Tab "Beschreibung") zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.detail.productVideos.title

Um den Tab-Titel zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.detail.tabVideos.title
{% endhint %}

## Basiskonfiguration

***

### Maximale Breite

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`0`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Produktvideos (in Tabs)" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-product-detail-videos-max-width`

{% hint style="info" %}
Trage hier die maximale Breite für Videos in Pixeln ein.

Produktvideos können über ein Zusatzfeld im jeweiligen Produkt hinzugefügt werden.

Nutze den Wert '0' um keine maximale Breite festzulegen.
{% endhint %}

***

### Video-Steuerung anzeigen

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`anzeigen`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Produktvideos (in Tabs)" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-product-detail-product-videos-show-controls`

***

### Erweiterter Datenschutzmodus

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`ja`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Produktvideos (in Tabs)" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-product-detail-product-videos-advanced-privacy`

{% hint style="info" %}
Wenn Du den erweiterten Datenschutzmodus aktivierst, werden von der Video-Plattform keine Informationen über die Besucher Deiner Website gespeichert, bis sie sich das Video ansehen.

**Hinweis**: Diese Konfiguration bezieht sich auf YouTube- und Vimeo-Videos.
{% endhint %}

***

### Video erst nach Bestätigung durch den User laden

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Produktvideos (in Tabs)" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-product-detail-product-videos-need-confirmation`

{% hint style="info" %}
Zeigt einen "Platzhalter" an, damit das Video erst nach Bestätigung durch den User geladen wird.

Um den Text zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: component.cms.vimeo.privacyNoticeText

**Hinweis**: Diese Konfiguration bezieht sich auf YouTube- und Vimeo-Videos.
{% endhint %}

## Placeholder (YouTube-/Vimeo-Videos)

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Standard\
• Platform-Icon\
• Vorschau-Bild

**Beispiel Wert**:\
`Standard`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Produktvideos (in Tabs)" => Abschnitt "Placeholder (YouTube-/Vimeo-Videos)"

**Technischer Name**:\
`twt-product-detail-product-videos-placeholder-layout-type`

{% hint style="info" %}
Wähle die Darstellung des "Platzhalters" aus.

**Standard**\
Minimale Darstellung mit konfigurierter Hintergrundfarbe.

**Platform-Icon**\
Das Icon der entsprechenden Video-Platform wird als "Hintergrundbild" auf der konfigurierten Hintergrundfarbe angezeigt.

**Vorschau-Bild**\
Das konfigurierte Vorschau-Bild wird als Hintergrundbild angezeigt.
{% endhint %}

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#eeeeee`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Produktvideos (in Tabs)" => Abschnitt "Placeholder (YouTube-/Vimeo-Videos)"

**Technischer Name**:\
`twt-product-detail-product-videos-placeholder-background-color`

***

### Hintergrundfarbe (Backdrop)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`rgba(255, 255, 255, 0.5)`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Produktvideos (in Tabs)" => Abschnitt "Placeholder (YouTube-/Vimeo-Videos)"

**Technischer Name**:\
`twt-product-detail-product-videos-backdrop-background-color`

{% hint style="info" %}
Wähle die Farbe für das Farb-Overlay vom Video-Platzhaler aus.
{% endhint %}

***

### Hintergrundfarbe (Overlay)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`rgba(255, 255, 255, 0.5)`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Produktvideos (in Tabs)" => Abschnitt "Placeholder (YouTube-/Vimeo-Videos)"

**Technischer Name**:\
`twt-product-detail-product-videos-overlay-background-color`

{% hint style="info" %}
Wähle die Farbe für das Overlay vom Video-Platzhaler aus.
{% endhint %}

***

### Vorschau-Bild

**Feldtyp**:\
Medienauswahl

**Beispiel Wert**:\
\`\`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Produktvideos (in Tabs)" => Abschnitt "Placeholder (YouTube-/Vimeo-Videos)"

**Technischer Name**:\
`twt-product-detail-product-videos-placeholder-preview-image`