Configuration

Basic configuration

---

Sticky "Image gallery and buy box"

Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Product pages" => Block "Layout" => Section "Basic configuration"

Technical name: twt-product-detail-sticky-gallery-buybox

If active, the "Image gallery" and the "Buy box" are sticky when scrolling the product page.

Properties table

---

Layout type

Field type: Select

Available values: • default • ThemeWare®

Example value: ThemeWare®

Path to the configuration: Tab "Product pages" => Block "Layout" => Section "Properties table"

Technical name: twt-product-detail-properties-table-layout

---

Style

Field type: Select

Available values: • spacious (default) • compact

Example value: compact

Path to the configuration: Tab "Product pages" => Block "Layout" => Section "Properties table"

Technical name: twt-product-detail-properties-table-style

---

Width

Field type: Select

Available values: • wide (default) • narrow

Example value: narrow

Path to the configuration: Tab "Product pages" => Block "Layout" => Section "Properties table"

Technical name: twt-product-detail-properties-table-width

Product videos

---

Show product videos

Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Product pages" => Block "Layout" => Section "Product videos"

Technical name: twt-product-detail-product-videos-show

Displays product videos in the "Description" tab or in the "Product videos" tab.

Product videos can be added via a custom field in the corresponding product.

To edit or translate the headline please use the following snippet: twt.detail.customFields.productVideos.title

---

Maximum width

Field type: Number field

Example value: 0

Path to the configuration: Tab "Product pages" => Block "Layout" => Section "Product videos"

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 "Layout" => Section "Product videos"

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 "Layout" => Section "Product videos"

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.

---

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 "Layout" => Section "Product videos"

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

---

Layout type (Placeholder)

Field type: Select

Available values: • default • Platform icon • Preview image

Example value: default

Path to the configuration: Tab "Product pages" => Block "Layout" => Section "Product 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 (Placeholder)

Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Product pages" => Block "Layout" => Section "Product 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 "Layout" => Section "Product 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 "Layout" => Section "Product videos"

Technical name: twt-product-detail-product-videos-overlay-background-color

Select the colour for the overlay of the video placeholder.

---

Preview image (Placeholder)

Field type: Media selection

Example value: ``

Path to the configuration: Tab "Product pages" => Block "Layout" => Section "Product videos"

Technical name: twt-product-detail-product-videos-placeholder-preview-image