All pages
Powered by GitBook
1 of 1

Loading...

Configuration

Basic configuration


Layout type

Field type: Select

Available values: • Shopware • ThemeWare® • ThemeWare® "Buttons" (Beta)

Example value: ThemeWare®

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Basic configuration"

Technical name: twt-category-navigation-layout-type

Shopware: This layout type uses Shopware's default filters and is not modified by ThemeWare®. (HC-Architecture®)

ThemeWare®: This layout type is the classic ThemeWare® style for Shopware 6.

ThemeWare® "Buttons": This layout type is in a testing phase, feel free to give it a try.

Headline


Show "Category navigation" headline

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Basic configuration"

Technical name: twt-category-navigation-headline-show


Field type: Number field

Example value: 0

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Headline"

Technical name: twt-category-navigation-headline-margin-bottom


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Colour configuration"

Technical name: twt-category-navigation-box-background-color


Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Colour configuration"

Technical name: twt-category-navigation-box-border-color


Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Colour configuration"

Technical name: twt-category-navigation-border-color


Field type: Color picker

Example value: #000000

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Colour configuration"

Technical name: twt-category-navigation-accent-color


Field type: Color picker

Example value: #111111

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Links"

Technical name: twt-category-navigation-link-color


Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Links"

Technical name: twt-category-navigation-link-color-hover


Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Links"

Technical name: twt-category-navigation-link-color-active


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Links"

Technical name: twt-category-navigation-link-background-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Links"

Technical name: twt-category-navigation-link-background-color-hover


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Shopping Experiences" => Block "Category navigation (Category "Sidebar")" => Section "Links"

Technical name: twt-category-navigation-link-background-color-active

To edit or translate the headline please use the following snippet: twt.listing.navigation.title

Margin bottom [px]

Colour configuration

Background colour (Navigation)

Border colour (Navigation)

Border colour

Accent colour

Links

Text colour

Text colour @hover

Text colour @active

Background colour

Background colour @hover

Background colour @active