All pages
Powered by GitBook
1 of 2

Loading...

Loading...

Product videos (in tabs)

Configuration

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


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


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


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


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


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


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


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

Advanced privacy mode

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

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

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

Background colour (Backdrop)

Select the colour for the coloured overlay of the video placeholder.

Background colour (Overlay)

Select the colour for the overlay of the video placeholder.

Preview image