Configuration

Basic configuration

---

Show filter headline

Field type: Select

Available values: • don't show • show

Example value: don't show

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

Technical name: twt-sidebar-filter-headline-show

To edit or translate the headline please use the following snippet: listing.filterTitleText

Colour configuration

---

Text colour (Filter button)

Field type: Color picker

Example value: #333333

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

Technical name: twt-filter-panel-item-color

---

Border colour (Filter button)

Field type: Color picker

Example value: #eeeeee

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

Technical name: twt-filter-panel-item-border-color

---

Background colour (Filter button)

Field type: Color picker

Example value: #ffffff

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

Technical name: twt-filter-panel-item-background-color

Filter (above content)

---

Padding top (Filter panel)

Field type: Number field

Example value: 20

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-content-padding-top

---

Padding right (Filter panel)

Field type: Number field

Example value: 1

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-content-padding-right

---

Padding bottom (Filter panel)

Field type: Number field

Example value: 1

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-content-padding-bottom

---

Padding left (Filter panel)

Field type: Number field

Example value: 20

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-content-padding-left

---

Border top/bottom (Filter panel)

Field type: Text field

Example value: 1px solid

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-content-border

---

Border-top/-bottom colour (Filter panel)

Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-content-border-color

---

Background colour (Filter panel)

Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-content-background-color

---

Text colour (Filter button) @expanded

Field type: Color picker

Example value: #008490

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-item-toggle-color

---

Border colour (Filter button) @expanded

Field type: Color picker

Example value: #008490

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-item-toggle-border-color

---

Background colour (Filter button) @expanded

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-item-toggle-background-color

---

Background colour (Filter button) @active

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Shopping Experiences" => Block "Product filter (Category "Sidebar")" => Section "Filter (above content)"

Technical name: twt-filter-panel-content-filter-active-background-color