All pages
Powered by GitBook
1 of 1

Loading...

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".


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


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


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


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


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


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


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


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


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


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


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


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


Field type: Select

Available values: • default • Clean • Center

Example value: default

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

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


Field type: Text field

Example value: 70

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

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


Field type: Select

Available values: • left • center • right

Example value: center

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

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


Field type: Color picker

Example value: #ffffff

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

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


Field type: Text field

Example value: 0 0 20px

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

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


Field type: Color picker

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

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

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


Field type: Select

Available values: • default • rounded corners • round corners

Example value: round corners

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

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


Field type: Select

Available values: • no (default) • yes

Example value: no (default)

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

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


Field type: Number field

Example value: 100

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

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


Field type: Number field

Example value: 200

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

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


Field type: Number field

Example value: 300

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

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


Field type: Number field

Example value: 400

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

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


Field type: Number field

Example value: 500

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

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


Field type: Number field

Example value: 600

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

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


Field type: Select

Available values: • no • yes

Example value: yes

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

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


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

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

Height (Header) @Phone (<576px)

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

Fixed

Colour configuration

Background colour

Action buttons

Text colour

Text colour @hover

Icon colour

Icon colour @hover

Border colour

Border colour @hover

Background colour

Background colour @hover

Sales Promoting Navigation

Layout type

Height (Navigation) @Phone (<576px)

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

Logo position @Phone (<576px)

Background colour (Navigation)

Drop shadow

Shadow colour

Corner type (Action buttons)

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)

Order: Home button (Action button)

Order: Navigation button (Action button)

Order: Search button (Action button)

Order: Cart button (Action button)

Order: Wishlist button (Action button)

Order: Account button (Action button)

Cart button highlighting

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

Basic headers "Header 1" and "Header 2"

Show hamburger menu label @Phone (<576px)