Configuration

Basic configuration

Show label from...

Field type: Select

Available values: • don't show • Phone (portrait) (<576px) • Phone (landscape) (≥576px) • Tablet (portrait) (≥768px) • Tablet (landscape) (≥992px) • Desktop (≥1200px) • Container-Max-Width (Full-width-boxed)

Example value: Tablet (portrait) (≥768px)

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Basic configuration"

Technical name: twt-header-actions-btn-text-show

Field type: Select

Available values: • left • above

Example value: left

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Basic configuration"

Technical name: twt-header-actions-btn-icon-position

Field type: Select

Available values: • not rounded • rounded corners • round corners

Example value: rounded corners

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Basic configuration"

Technical name: twt-header-actions-btn-corner-type

Field type: Number field

Example value: 14

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Typography"

Technical name: twt-header-actions-btn-font-size

Field type: Select

Available values: • light • normal • bold

Example value: normal

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Typography"

Technical name: twt-header-actions-btn-font-weight

Field type: Number field

Example value: 35

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Typography"

Technical name: twt-header-actions-btn-line-height

Field type: Number field

Example value: 14

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Typography"

Technical name: twt-header-actions-btn-icon-font-size

Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Colour configuration"

Technical name: twt-header-actions-btn-color

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Colour configuration"

Technical name: twt-header-actions-btn-color-hover

Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Colour configuration"

Technical name: twt-header-actions-btn-icon-color

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Colour configuration"

Technical name: twt-header-actions-btn-icon-color-hover

Field type: Color picker

Example value: #e4e7ea

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Colour configuration"

Technical name: twt-header-actions-btn-border-color

Field type: Color picker

Example value: #e6e6e6

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Colour configuration"

Technical name: twt-header-actions-btn-border-color-hover

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Colour configuration"

Technical name: twt-header-actions-btn-background-color

Field type: Color picker

Example value: #f6f6f6

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Colour configuration"

Technical name: twt-header-actions-btn-background-color-hover

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Wishlist button"

Technical name: twt-header-actions-wishlist-btn-badge-background-color

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Account button"

Technical name: twt-header-actions-account-menu-btn-badge-show

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Account button"

Technical name: twt-header-actions-account-menu-btn-badge-background-color

Field type: Select

Available values: • don't show • Phone (portrait) (<576px) • Phone (landscape) (≥576px) • Tablet (portrait) (≥768px) • Tablet (landscape) (≥992px) • Desktop (≥1200px) • Container-Max-Width (Full-width-boxed)

Example value: Tablet (landscape) (≥992px)

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-total-show

Field type: Select

Available values: • don't show • Phone (portrait) (<576px) • Phone (landscape) (≥576px) • Tablet (portrait) (≥768px) • Tablet (landscape) (≥992px) • Desktop (≥1200px) • Container-Max-Width (Full-width-boxed)

Example value: Phone (portrait) (<576px)

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-badge-show

Field type: Select

Available values: • don't show • Phone (portrait) (<576px) • Phone (landscape) (≥576px) • Tablet (portrait) (≥768px) • Tablet (landscape) (≥992px) • Desktop (≥1200px) • Container-Max-Width (Full-width-boxed)

Example value: Tablet (portrait) (≥768px)

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-text-show

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-separator-show

Field type: Select

Available values: • light • normal • bold

Example value: normal

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-font-weight

Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-color

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-color-hover

Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-icon-color

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-icon-color-hover

Field type: Color picker

Example value: #e4e7ea

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-border-color

Field type: Color picker

Example value: #e6e6e6

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-border-color-hover

Field type: Color picker

Example value: #e4e7ea

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-separator-border-color

Field type: Color picker

Example value: #eef2f5

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-background-color

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-background-color-hover

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Header" => Block "Action buttons" => Section "Cart button"

Technical name: twt-header-actions-cart-btn-badge-background-color