Filter Bar comes with a number of template files that determine how the add-on looks and behaves. We call these templates views because they create the pages and elements that you see on your site.

Each template can be copied and customized in your theme folder and are located at: /wp-content/plugins/the-events-calendar-filterbar/src/views/.

TemplateWhat it Does
v2_1/filter-bar.phpThe main filter bar template that calls all the other components
v2_1/filter-bar/selections.phpDisplays the selected filters in vertical layout
v2_1/filter-bar/actions.phpContains the clear button and action done button
v2_1/filter-bar/filters.phpDisplays the filters in either the horizontal or vertical layout
v2_1/filter-bar/filters-slider.phpContains the JavaScript to setup the filter slider in horizontal layout
v2_1/filter-bar/breakpoints.phpContains the JavaScript to setup the css breakpoints
v2_1/components/events-bar/filter-button.phpDisplays the button to open or close the filters in horizontal layout
v2_1/components/checkbox.phpContains the checkbox type input
v2_1/components/clear-button.phpDisplays the clear button
v2_1/components/dropdown.phpContains the dropdown type input
v2_1/components/field-type.phpHandles finding the type of filter
v2_1/components/filter.phpContains the main individual filter container
v2_1/components/multiselect.phpContains the multiselect type input
v2_1/components/pill.phpContains the template for vertical layout selections
v2_1/components/pill-button.phpContains individual filter selections and remove button when in horizontal layout
v2_1/components/radio.phpContains the radio type input
v2_1/components/range.phpContains the range type input