Configuration

Basic configuration

---

Layout type

Field type: Select

Available values: • default • Buttons/Tabs (integrated) • Tabs

Example value: Tabs

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

Technical name: twt-product-detail-tabs-layout-type

---

Border-bottom

Field type: Text field

Example value: 2px solid

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

Technical name: twt-product-detail-tabs-background-border-bottom

Colour configuration

---

Background colour (Tabs container)

Field type: Color picker

Example value: #fafafa

Path to the configuration: Tab "Product pages" => Block "Tabs" => Section "Colour configuration"

Technical name: twt-product-detail-tabs-container-background-color

---

Text colour

Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Product pages" => Block "Tabs" => Section "Colour configuration"

Technical name: twt-product-detail-tabs-color

---

Text colour @hover

Field type: Color picker

Example value: #111111

Path to the configuration: Tab "Product pages" => Block "Tabs" => Section "Colour configuration"

Technical name: twt-product-detail-tabs-color-hover

---

Text colour @active

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Product pages" => Block "Tabs" => Section "Colour configuration"

Technical name: twt-product-detail-tabs-color-active

---

Border-bottom colour

Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Product pages" => Block "Tabs" => Section "Colour configuration"

Technical name: twt-product-detail-tabs-border-bottom-color

---

Border-bottom colour @hover

Field type: Color picker

Example value: #dcdcdc

Path to the configuration: Tab "Product pages" => Block "Tabs" => Section "Colour configuration"

Technical name: twt-product-detail-tabs-border-bottom-color-hover

---

Border-bottom colour @active

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Product pages" => Block "Tabs" => Section "Colour configuration"

Technical name: twt-product-detail-tabs-border-bottom-color-active

---

Background colour

Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Product pages" => Block "Tabs" => Section "Colour configuration"

Technical name: twt-product-detail-tabs-background-color

---

Background colour @hover

Field type: Color picker

Example value: #f5f5f5

Path to the configuration: Tab "Product pages" => Block "Tabs" => Section "Colour configuration"

Technical name: twt-product-detail-tabs-background-color-hover

---

Background colour @active

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Product pages" => Block "Tabs" => Section "Colour configuration"

Technical name: twt-product-detail-tabs-background-color-active