> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/additional-features/extensions/product-videos.md).

# Product videos

ThemeWare® provides the functionality of adding videos to products via custom fields and displaying them on product pages.

<figure><img src="/files/GgvKW1RWi3u0bspRmCMv" alt=""><figcaption><p>ThemeWare® "Product videos"</p></figcaption></figure>

{% hint style="info" %}
**Note**: The product videos are displayed if the "Show product videos" configuration is enabled and at least one video has been added to the product via a custom field (YouTube, Vimeo or Video 1–3). The position setting controls whether they appear above or below the properties.
{% endhint %}

***

## Configuration

### **Theme configuration**

1. Go to the tab "**Product pages**"
2. Expand the block "**Tab "Description"**"
3. Scroll to the section "**Product videos**"
4. Enable the configuration "**Show product videos**"
5. Optional: Use the further configuration options
6. Save your changes after editing

### **Content**

1. Switch via the main navigation to the "**Product managment**" (1) (2) ("Catalogues" => "Products")
2. Choose the product you want to edit (3)
3. Switch to the tab "**Specifications**"
4. Scroll to the section "**Custom fields**"
5. Select the custom field set of your theme
6. Enter the video ID in the custom field "**YouTube video**" and/or "**Vimeo video**"
   * Tip: Multiple video IDs can be entered comma-separated
7. Save your changes

<figure><img src="/files/0nbIbh7zxQhKMvatkBDA" alt=""><figcaption><p>Shopware 6 product managment</p></figcaption></figure>

{% hint style="info" %}
**Note**: You can find more information about the corresponding custom field in the articles [YouTube video(s)](/additional-features/custom-fields/products/videos/youtube-video.md) and [Vimeo video(s)](/additional-features/custom-fields/products/videos/vimeo-video.md).
{% endhint %}

### **Text: Headline**

* Edit the headline in the "Description" tab using the following snippet:
  * `twt.detail.productVideos.title`

{% hint style="info" %}
**Note**: For information on how to edit snippets, see the following instructions: [Texts: Editing and translation](https://knowledge.themeware.design/knowledge-base/tutorials/texts-editing-and-translation)
{% endhint %}

{% hint style="success" %}
**Tip**: If a change does not affect the storefront, just clear the Shopware cache: [Clearing / warming up the Shopware cache](https://knowledge.themeware.design/knowledge-base/tutorials/miscellaneous/clearing-the-shopware-cache)
{% endhint %}

***

## Options

* **Product videos position**
  * Specify whether the product videos are displayed "above the properties" or "below the properties".

***

## Custom fields

{% content-ref url="/pages/qt2uNk4bPFAqN3tQOjHb" %}
[Videos](/additional-features/custom-fields/products/videos.md)
{% endcontent-ref %}

***

## Summary

#### Theme configuration

* Tab "Product pages" => Block "Tab "Description"" => Section "Product videos" => Show product videos / Product videos position

#### Snippets

* `twt.detail.productVideos.title` (in Tab "Description")
* `twt.detail.productVideos.fallback` (fallback name of a video)
* `twt.detail.productVideos.iframe.title` (title attribute of the video iframe)
* `twt.detail.productVideos.iframe.positionSuffix` (position suffix in the iframe title)

#### Custom fields

* [YouTube video(s)](/additional-features/custom-fields/products/videos/youtube-video.md)
* [Vimeo video(s)](/additional-features/custom-fields/products/videos/vimeo-video.md)
* [Video 1-3](/additional-features/custom-fields/products/videos/video-1.md)
* [Video 1-3 – Title](/additional-features/custom-fields/products/videos/video-1-title.md)
* [Product videos (Text)](/additional-features/custom-fields/products/videos/product-videos-text.md)

***

## Further information

If you would like to display the product videos in a separate tab, simply use the ThemeWare® Videos tab:

{% content-ref url="/pages/uUl6iJZYu9Kk3BDbuqQd" %}
[Videos tab](/additional-features/extensions/tabs-on-product-pages/videos-tab.md)
{% endcontent-ref %}