Configuration

Basic configuration


Layout type

Field type: Select

Available values: • default • Sales Promoting Navigation

Example value: default

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Basic configuration"

Technical name: twt-header-phone-type

The layout type "Sales Promoting Navigation" moves the navigation to the bottom of the screen for better accessibility on smartphones.

Note: Please use the layout type "default" if a third party plugin does not support the "Sales Promoting Navigation".


Maximum width (Logo) @Phone (<576px)

Field type: Text field

Example value: 160

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Basic configuration"

Technical name: twt-header-logo-max-width-mobile


Height (Header) @Phone (<576px)

Field type: Text field

Example value: 50

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Basic configuration"

Technical name: twt-header-height-mobile

Only available with the active layout type "Sales Promoting Navigation".


Fixed

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Basic configuration"

Technical name: twt-header-phone-fixed

Colour configuration


Background colour

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Colour configuration"

Technical name: twt-header-phone-background-color

Action buttons


Text colour

Field type: Color picker

Example value: #333333

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

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


Text colour @hover

Field type: Color picker

Example value: $sw-color-brand-primary

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

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


Icon colour

Field type: Color picker

Example value: #333333

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

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


Icon colour @hover

Field type: Color picker

Example value: $sw-color-brand-primary

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

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


Border colour

Field type: Color picker

Example value: #ffffff

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

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


Border colour @hover

Field type: Color picker

Example value: #ffffff

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

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


Background colour

Field type: Color picker

Example value: #ffffff

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

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


Background colour @hover

Field type: Color picker

Example value: #ffffff

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

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

Sales Promoting Navigation


Layout type

Field type: Select

Available values: • default • Clean • Center

Example value: default

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-nav-type


Height (Navigation) @Phone (<576px)

Field type: Text field

Example value: 70

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-nav-height

Only available with the active layout type "Sales Promoting Navigation".


Logo position @Phone (<576px)

Field type: Select

Available values: • left • center • right

Example value: center

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-logo-position


Background colour (Navigation)

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-nav-background-color


Drop shadow

Field type: Text field

Example value: 0 0 20px

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-nav-box-shadow


Shadow colour

Field type: Color picker

Example value: rgba(0, 0, 0, 0.1)

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-nav-box-shadow-color


Corner type (Action buttons)

Field type: Select

Available values: • default • rounded corners • round corners

Example value: round corners

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

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

rounded corners Uses the configuration "Border radius". (see "Layout" > "Layout" > "Border radius")

round corners Uses a predefined radius for round corners.


Show home button (Action button)

Field type: Select

Available values: • no (default) • yes

Example value: no (default)

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-btn-home


Order: Home button (Action button)

Field type: Number field

Example value: 100

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-btn-home-order


Order: Navigation button (Action button)

Field type: Number field

Example value: 200

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-btn-navigation-order


Order: Search button (Action button)

Field type: Number field

Example value: 300

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-btn-search-order


Order: Cart button (Action button)

Field type: Number field

Example value: 400

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-btn-cart-order


Order: Wishlist button (Action button)

Field type: Number field

Example value: 500

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-btn-wishlist-order


Order: Account button (Action button)

Field type: Number field

Example value: 600

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-btn-account-order


Cart button highlighting

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-cart-btn-highlighting

Only available with the active layout type "Sales Promoting Navigation".


Search flyout position

Field type: Select

Available values: • top (default) • bottom

Example value: bottom

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Sales Promoting Navigation"

Technical name: twt-header-phone-search-flyout-position

Basic headers "Header 1" and "Header 2"


Show hamburger menu label @Phone (<576px)

Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Header" => Block "Mobile header" => Section "Basic headers "Header 1" and "Header 2""

Technical name: twt-header-phone-nav-main-toggle-label-show

Last updated

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH