Configuration
Show sticky top navigation
Field type: Select
Available values: • don't show • show
Example value:
show
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")"
Technical name:
twt-sticky-nav-main-show
Basic configuration
Fixed
Field type: Select
Available values: • fixed when scroll down • fixed when scroll up
Example value:
fixed when scroll up
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"
Technical name:
twt-sticky-nav-main-type
Scroll top
Field type: Number field
Example value:
0
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"
Technical name:
twt-sticky-nav-main-scroll-top
The scrollTop property sets the number of pixels an element's content is scrolled vertically.
Show from...
Field type: Select
Available values: • Tablet (landscape) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)
Example value:
Tablet (landscape) (≥992px)
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"
Technical name:
twt-sticky-nav-main-breakpoint
Height
Field type: Number field
Example value:
50
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"
Technical name:
twt-sticky-nav-main-height
Text alignment
Field type: Select
Available values: • align left • align right • align center • space-between • space-around
Example value:
align center
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"
Technical name:
twt-sticky-nav-main-justify-content
Select the desired horizontal alignment.
left Items are positioned at the beginning of the container.
right Items are positioned at the end of the container.
center Items are positioned at the center of the container.
space-between Items are positioned with space between them.
space-around Items are positioned with space before, between, and after them.
Show hamburger navigation
Field type: Select
Available values: • don't show • show
Example value:
don't show
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"
Technical name:
twt-sticky-nav-main-toggle
Show cart button
Field type: Select
Available values: • don't show • show
Example value:
show
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"
Technical name:
twt-sticky-nav-main-cart-show
Show search
Field type: Select
Available values: • don't show • show
Example value:
don't show
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"
Technical name:
twt-sticky-nav-main-search-show
Colour configuration
Background colour
Field type: Color picker
Example value:
#ffffff
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Colour configuration"
Technical name:
twt-sticky-nav-main-background-color
Logo
Show logo
Field type: Select
Available values: • don't show • show
Example value:
show
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Logo"
Technical name:
twt-sticky-nav-main-logo-show
Width
Field type: Text field
Example value:
120
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Logo"
Technical name:
twt-sticky-nav-main-logo-width
Height
Field type: Text field
Example value:
auto
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Logo"
Technical name:
twt-sticky-nav-main-logo-height
Margin right
Field type: Number field
Example value:
20
Path to the configuration: Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Logo"
Technical name:
twt-sticky-nav-main-logo-margin-right
Last updated
