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
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
Last updated
Was this helpful?