# Product videos

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

<figure><img src="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2F4ZJ167Fd9rTUgVwFubPl%2Fextensions--product-videos.png?alt=media&#x26;token=85a72566-33fb-416f-bb62-a84da8a6365c" alt=""><figcaption><p>ThemeWare® "Product videos"</p></figcaption></figure>

***

## Configuration

### **Theme configuration**

1. Go to the tab "**Product pages**"
2. Expand the block "**Layout**"
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="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2Fy5WNkS6RcE4LbRJqbLZ8%2Fadmin--edit-product.png?alt=media&#x26;token=5783b971-f08b-4ec5-b796-0f07fa2782b1" 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](https://docs.themeware.design/additional-features/custom-fields/products/videos/youtube-video "mention") and [vimeo-video](https://docs.themeware.design/additional-features/custom-fields/products/videos/vimeo-video "mention").
{% endhint %}

### **Text: Headline**

* Edit the headline in the "Description" tab using the following snippet:
  * `twt.detail.customFields.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 %}

***

## Summary

#### Theme configuration

* Tab "Product pages" => Block "Layout" => Section "Product videos"
* Tab "Product pages" => Block "Tab "Description"" => Section "Product videos"

#### Snippet

* `twt.detail.customFields.productVideos.title` (in Tab "Description")

#### Custom fields

* [vimeo-video](https://docs.themeware.design/additional-features/custom-fields/products/videos/vimeo-video "mention")
* [youtube-video](https://docs.themeware.design/additional-features/custom-fields/products/videos/youtube-video "mention")

***

## Further information

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

{% content-ref url="tabs-on-product-pages/videos-tab" %}
[videos-tab](https://docs.themeware.design/additional-features/extensions/tabs-on-product-pages/videos-tab)
{% endcontent-ref %}
