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 set to "show in the description" or "show in a separate tab" 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 "Product videos (in tabs)"
- Set the configuration "Show product videos" to "show in the description" or "show in a separate tab"
- Optional: Use the further configuration options
- Optional: Use the "Product videos position" configuration in the block "Tab "Description"" => section "Product videos" to control whether the videos appear above or below the properties
- 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 "Product videos (in tabs)" => Show product videos
- Tab "Product pages" => Block "Tab 'Description'" => Section "Product videos" => Product videos position
- All settings in detail: Product videos (in tabs)
- All settings in detail: Tab "Description"
Snippets
twt.detail.productVideos.title(headline in the "Description" tab)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)- All snippets at a glance: Snippets
Custom fields
- YouTube video(s) (Products)
- Vimeo video(s) (Products)
- Video 1-3 (Products)
- Video 1-3 – Title (Products)
- Product videos (Text) (Products)
Further information
If you would like to display the product videos in a separate tab, simply use the ThemeWare® Videos tab:
Videos tab