Show product videos
Field type:
Select
Available values:
• don't show
• show in the description
• show in a separate tab
Example value:show in the description
Path to the configuration:
Tab "Product pages" => Block "Product videos (in tabs)"
Technical name:twt-product-detail-product-videos-show
Displays product videos – depending on the selection either in the description or in a separate tab.
Product videos can be added via custom fields in the corresponding product.
To edit or translate the subheadline (in the "Description" tab) please use the following snippet: twt.detail.productVideos.title
To edit or translate the tab title please use the following snippet: twt.detail.tabVideos.title
Basic configuration
Maximum width
Field type:
Number field
Example value:0
Path to the configuration:
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Basic configuration"
Technical name:twt-product-detail-videos-max-width
Enter the maximum width for videos in pixels here.
Product videos can be added via a custom field in the corresponding product.
Use the value '0' to set no maximum width.
Show video controls
Field type:
Select
Available values:
• don't show
• show
Example value:show
Path to the configuration:
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Basic configuration"
Technical name:twt-product-detail-product-videos-show-controls
Advanced privacy mode
Field type:
Select
Available values:
• no
• yes
Example value:yes
Path to the configuration:
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Basic configuration"
Technical name:twt-product-detail-product-videos-advanced-privacy
When you turn on privacy-enhanced mode, the video platform won't store information about visitors on your website, until they play the video.
Note: This configuration relates to YouTube and Vimeo videos.
Load video only after confirmation by the user
Field type:
Select
Available values:
• no
• yes
Example value:no
Path to the configuration:
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Basic configuration"
Technical name:twt-product-detail-product-videos-need-confirmation
Displays a "placeholder" so that the video is loaded only after confirmation by the user.
To edit or translate the text please use the following snippet: component.cms.vimeo.privacyNoticeText
Note: This configuration relates to YouTube and Vimeo videos.
Placeholder (YouTube/Vimeo videos)
Layout type
Field type:
Select
Available values:
• default
• Platform icon
• Preview image
Example value:default
Path to the configuration:
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Placeholder (YouTube/Vimeo videos)"
Technical name:twt-product-detail-product-videos-placeholder-layout-type
Select the layout of the "placeholder".
default
Minimal layout with a configured background colour.
Platform icon
The icon of the corresponding video platform is displayed as a "background image" above the configured background colour.
Preview image
The configured preview image is displayed as a background image.
Background colour
Field type:
Color picker
Example value:#eeeeee
Path to the configuration:
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Placeholder (YouTube/Vimeo videos)"
Technical name:twt-product-detail-product-videos-placeholder-background-color
Background colour (Backdrop)
Field type:
Color picker
Example value:rgba(255, 255, 255, 0.5)
Path to the configuration:
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Placeholder (YouTube/Vimeo videos)"
Technical name:twt-product-detail-product-videos-backdrop-background-color
Select the colour for the coloured overlay of the video placeholder.
Background colour (Overlay)
Field type:
Color picker
Example value:rgba(255, 255, 255, 0.5)
Path to the configuration:
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Placeholder (YouTube/Vimeo videos)"
Technical name:twt-product-detail-product-videos-overlay-background-color
Select the colour for the overlay of the video placeholder.
Preview image
Field type:
Media selection
Example value:
``
Path to the configuration:
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Placeholder (YouTube/Vimeo videos)"
Technical name:twt-product-detail-product-videos-placeholder-preview-image