Configuration
Show USP bar in header
Field type: Select
Available values: • don't show • show
Example value:
show
Path to the configuration: Tab "Extensions" => Block "USP bar"
Technical name:
twt-usp-bar-header
Show USP bar in footer
Field type: Select
Available values: • don't show • show
Example value:
show
Path to the configuration: Tab "Extensions" => Block "USP bar"
Technical name:
twt-usp-bar-footer
Basic configuration
Position (Header)
Field type: Select
Available values: • above header • above navigation • below header
Example value:
above header
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-header-position
Position (Footer)
Field type: Select
Available values: • above footer
Example value:
above footer
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-footer-position
Layout type (Header)
Field type: Select
Available values: • Small icons • Small icons + Top bar • Small icons + Widget
Example value:
Small icons
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-header-layout
Layout type (Footer)
Field type: Select
Available values: • Small icons • Large icons • Large icons with subtitles
Example value:
Small icons
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-footer-layout
Content (Widget)
Field type: Select
Available values: • don't show • Communities or social media
Example value:
Communities or social media
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-widget-content
Width (Header)
Field type: Select
Available values: • Container-Max-Width (Full-width-boxed) • 100% (Full-width)
Example value:
Container-Max-Width (Full-width-boxed)
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-header-width
Width (Footer)
Field type: Select
Available values: • Container-Max-Width (Full-width-boxed) • 100% (Full-width)
Example value:
Container-Max-Width (Full-width-boxed)
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-width
Height (Small icons)
Field type: Number field
Example value:
40
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-height-small-icons
Height (Large icons)
Field type: Number field
Example value:
110
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-height-large-icons
Benefit alignment (Small icons)
Field type: Select
Available values: • align left • align right • align center • space-between • space-around
Example value:
space-between
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-small-icons-justify-content
Benefit alignment (Large icons)
Field type: Select
Available values: • align left • align right • align center • space-between • space-around
Example value:
space-around
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Basic configuration"
Technical name:
twt-usp-bar-large-icons-justify-content
Colour configuration
Text colour (Header)
Field type: Color picker
Example value:
#263842
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Colour configuration"
Technical name:
twt-usp-bar-header-color
Icon colour (Header)
Field type: Color picker
Example value:
#263842
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Colour configuration"
Technical name:
twt-usp-bar-header-icon-color
Border colour (Header)
Field type: Color picker
Example value:
#eef2f5
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Colour configuration"
Technical name:
twt-usp-bar-header-border-color
Background colour (Header)
Field type: Color picker
Example value:
#eef2f5
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Colour configuration"
Technical name:
twt-usp-bar-header-background-color
Text colour (Footer)
Field type: Color picker
Example value:
#555555
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Colour configuration"
Technical name:
twt-usp-bar-footer-color
Icon colour (Footer)
Field type: Color picker
Example value:
#555555
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Colour configuration"
Technical name:
twt-usp-bar-footer-icon-color
Border colour (Footer)
Field type: Color picker
Example value:
#e5ebf0
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Colour configuration"
Technical name:
twt-usp-bar-footer-border-color
Background colour (Footer)
Field type: Color picker
Example value:
#eef2f5
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Colour configuration"
Technical name:
twt-usp-bar-footer-background-color
Typography
Font family
Field type: Select
Available values: • Text • Headlines
Example value:
Text
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Typography"
Technical name:
twt-usp-bar-font-family
Font size
Field type: Number field
Example value:
14
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Typography"
Technical name:
twt-usp-bar-font-size
Font weight
Field type: Select
Available values: • light • normal • bold
Example value:
normal
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Typography"
Technical name:
twt-usp-bar-font-weight
Text formatting
Field type: Select
Available values: • none • uppercase • lowercase • capitalize
Example value:
none
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Typography"
Technical name:
twt-usp-bar-text-transform
Icon size (Small icons)
Field type: Number field
Example value:
15
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Typography"
Technical name:
twt-usp-bar-icon-size-small
Icon size (Large icons)
Field type: Number field
Example value:
48
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "Typography"
Technical name:
twt-usp-bar-icon-size-large
USPs
Show benefit #1 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:
Phone (portrait) (<576px)
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "USPs"
Technical name:
twt-usp-bar-breakpoint-item-1
Show benefit #2 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:
Phone (landscape) (≥576px)
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "USPs"
Technical name:
twt-usp-bar-breakpoint-item-2
Show benefit #3 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 "Extensions" => Block "USP bar" => Section "USPs"
Technical name:
twt-usp-bar-breakpoint-item-3
Show benefit #4 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 (landscape) (≥992px)
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "USPs"
Technical name:
twt-usp-bar-breakpoint-item-4
Show benefit #5 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:
don't show
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "USPs"
Technical name:
twt-usp-bar-breakpoint-item-5
Show benefit #6 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:
Container-max-width (Full-width-boxed)
Path to the configuration: Tab "Extensions" => Block "USP bar" => Section "USPs"
Technical name:
twt-usp-bar-breakpoint-item-6
Last updated
Was this helpful?