> 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/zusatzfunktionen/erweiterungen/produktvideos.md).

# Produktvideos

ThemeWare® bietet die Möglichkeit, Videos über Zusatzfelder zu Produkten hinzuzufügen und diese auf Produktseiten darzustellen.

<figure><img src="/files/YK9uYS1xaoyGZsLYnMZp" alt=""><figcaption><p>ThemeWare® "Produktvideos"</p></figcaption></figure>

{% hint style="info" %}
**Hinweis**: Die Produktvideos werden angezeigt, wenn die Konfiguration "Produktvideos anzeigen" aktiviert ist und für das Produkt mindestens ein Video über ein Zusatzfeld (YouTube, Vimeo oder Video 1–3) hinterlegt wurde. Über die Position legst du fest, ob sie über oder unter den Eigenschaften erscheinen.
{% endhint %}

{% hint style="success" %}
**Anleitung**: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki: [Produktvideos einbinden (YouTube & Vimeo)](https://wiki.themeware.design/wissensdatenbank/anleitungen/produktseiten/produktvideos-einbinden)
{% endhint %}

***

## Konfiguration

### **Theme-Konfiguration**

1. Wechsel in den Tab "**Produktseiten**"
2. Öffne den Bereich "**Tab "Beschreibung"**"
3. Scrolle zum Abschnitt "**Produktvideos**"
4. Aktiviere die Konfiguration "**Produktvideos anzeigen**"
5. Optional: Nutze die weiteren Konfigurationsmöglichkeiten
6. Speicher deine Änderungen nach der Bearbeitung

### **Inhalt**

1. Wechsel über die Hauptnavigation in die "**Produkt-Verwaltung**" (1) (2) deines Shops ("Kataloge" => "Produkte")
2. Wähle das gewünschte Produkt aus (3)
3. Wechsel in den Tab "**Spezifikationen**"
4. Scrolle zum Abschnitt "**Zusatzfelder**"
5. Wähle das Zusatzfeld-Set deines Themes aus
6. Gebe die Video-ID ins Zusatzfeld "**YouTube-Video**" und/oder "**Vimeo-Video**" ein
   * Tipp: Mehrere Video-IDs können kommasepariert eingegeben werden
7. Speicher deine Änderungen

<figure><img src="/files/cDPHtUrrBviYI5VT7wxA" alt=""><figcaption><p>Shopware 6 Produkt-Verwaltung</p></figcaption></figure>

{% hint style="info" %}
**Hinweis**: Mehr Informationen über das entsprechende Zusatzfeld findest du hier in den Artikeln [YouTube-Video(s)](/zusatzfunktionen/zusatzfelder/produkte/videos/youtube-video.md) und [Vimeo-Video(s)](/zusatzfunktionen/zusatzfelder/produkte/videos/vimeo-video.md).
{% endhint %}

### **Text: Überschrift**

* Passe die Überschrift im Tab "Beschreibung" über den folgenden Textbaustein an:
  * `twt.detail.productVideos.title`

{% hint style="info" %}
**Hinweis**: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: [Texte bearbeiten und übersetzen](https://wiki.themeware.design/wissensdatenbank/anleitungen/texte-bearbeiten-und-uebersetzen)
{% endhint %}

{% hint style="success" %}
**Tipp**: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: [Shopware Cache leeren / aufwärmen](https://wiki.themeware.design/wissensdatenbank/anleitungen/sonstiges/shopware-cache-leeren)
{% endhint %}

***

## Optionen

* **Position Produktvideos**
  * Lege fest, ob die Produktvideos "über den Eigenschaften" oder "unter den Eigenschaften" angezeigt werden.

***

## Zusatzfelder

{% content-ref url="/pages/5S4hsc2Me8L65Lg72oHT" %}
[Videos](/zusatzfunktionen/zusatzfelder/produkte/videos.md)
{% endcontent-ref %}

***

## Zusammenfassung

#### Theme-Konfiguration

* Tab "Produktseiten" => Bereich "Tab "Beschreibung"" => Abschnitt "Produktvideos" => Produktvideos anzeigen / Position Produktvideos

#### Textbausteine

* `twt.detail.productVideos.title` (Headline im Tab "Beschreibung")
* `twt.detail.productVideos.fallback` (Fallback-Bezeichnung eines Videos)
* `twt.detail.productVideos.iframe.title` (Titel-Attribut des Video-iframes)
* `twt.detail.productVideos.iframe.positionSuffix` (Positions-Zusatz im iframe-Titel)

#### Zusatzfelder

* [YouTube-Video(s)](/zusatzfunktionen/zusatzfelder/produkte/videos/youtube-video.md)
* [Vimeo-Video(s)](/zusatzfunktionen/zusatzfelder/produkte/videos/vimeo-video.md)
* [Video 1-3](/zusatzfunktionen/zusatzfelder/produkte/videos/video-1.md)
* [Video 1-3 – Titel](/zusatzfunktionen/zusatzfelder/produkte/videos/video-1-titel.md)
* [Produkt-Videos (Text)](/zusatzfunktionen/zusatzfelder/produkte/videos/produkt-videos-text.md)

***

## Weiterführende Informationen

Möchtest du die Produktvideos in einem separaten Tab anzeigen lassen, nutze einfach den ThemeWare® Videos-Tab:

{% content-ref url="/pages/x24axENn2ix8ODbdbLtv" %}
[Videos-Tab](/zusatzfunktionen/erweiterungen/tabs-auf-produktseiten/videos-tab.md)
{% endcontent-ref %}