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
- Go to the tab "Product pages"
- Expand the block "Tab "Description""
- Scroll to the section "Product videos"
- Enable the configuration "Show product videos"
- Optional: Use the further configuration options
- Save your changes after editing
Content
- Switch via the main navigation to the "Product managment" (1) (2) ("Catalogues" => "Products")
- Choose the product you want to edit (3)
- Switch to the tab "Specifications"
- Scroll to the section "Custom fields"
- Select the custom field set of your theme
- Enter the video ID in the custom field "YouTube video" and/or "Vimeo video"
- Tip: Multiple video IDs can be entered comma-separated
- 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
VideosSummary
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
Further information
If you would like to display the product videos in a separate tab, simply use the ThemeWare® Videos tab:
Videos tab