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
To edit or translate the headline please use the following snippet: twt.listing.navigation.title
Margin bottom [px]
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
Colour configuration
Background colour (Navigation)
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
Border colour (Navigation)
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
Border colour
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
Accent colour
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
Links
Text colour
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
Text colour @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-hover
Text colour @active
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
Background colour
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
Background colour @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-hover
Background colour @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-active