Product videos

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

ThemeWare® "Product videos"

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.

Guide: You can find a step-by-step guide in the ThemeWare® Wiki: Embedding product videos (YouTube & Vimeo)

---

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

Shopware 6 product managment

Note: You can find more information about the corresponding custom field in the articles YouTube video(s) and Vimeo video(s).

Text: Headline

• Edit the headline in the "Description" tab using the following snippet:

  • twt.detail.productVideos.title

Note: For information on how to edit snippets, see the following instructions: Texts: Editing and translation

Tip: If a change does not affect the storefront, just clear the Shopware cache: Clearing / warming up the Shopware cache

---

Options

• Product videos position

  • Specify whether the product videos are displayed "above the properties" or "below the properties".

---

Custom fields

Videos

---

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)

• Vimeo video(s)

• Video 1-3

• Video 1-3 – Title

• Product videos (Text)

---

Further information

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

Videos tab