---
title: "Filter Bar Template Files"
source: "https://docs.nexcess.com/software/the-events-calendar/event-filter-templates/"
description: "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 an…"
vertical: "Software"
area: "The Events Calendar"
date: "2020-04-09"
last_modified: "2026-07-02"
---

# Filter Bar Template Files

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](https://docs.nexcess.com/software/the-events-calendar/customize-template-files/) and are located at: `/wp-content/plugins/the-events-calendar-filterbar/src/views/`.

| Template | What it Does | Override Location |
|---|---|---|
| `<em>v2_1/filter-bar.php</em>` | The main filter bar template that calls all the other components | \[your-theme\]/tribe/events-filterbar/v2\_1/filter-bar.php |
| ``<em>v2_1/filter-bar/selections.php</em>`` | Displays the selected filters in vertical layout | \[your-theme\]/tribe/events-filterbar/v2\_1/filter-bar/selections.php |
| ``<em>v2_1/filter-bar/actions.php</em>`` | Contains the clear button and action done button | \[your-theme\]/tribe/events-filterbar/v2\_1/filter-bar/actions.php |
| ``<em>v2_1/filter-bar/filters.php</em>`` | Displays the filters in either the horizontal or vertical layout | \[your-theme\]/tribe/events-filterbar/v2\_1/filter-bar/filters.php |
| ``<em>v2_1/filter-bar/filters-slider.php</em>`` | Contains the JavaScript to setup the filter slider in horizontal layout | \[your-theme\]/tribe/events-filterbar/v2\_1/filter-bar/filters.php |
| ``<em>v2_1/filter-bar/breakpoints.php</em>`` | Contains the JavaScript to setup the css breakpoints |  |
| ``<em>v2_1/<em>components/events-bar/filter-button.php</em></em>`` | Displays the button to open or close the filters in horizontal layout | \[your-theme\]/tribe/events-filterbar/v2\_1/components/events-bar/filter-button.php |
| ``<em>v2_1/<em>components/checkbox.php</em></em>`` | Contains the checkbox type input | \[your-theme\]/tribe/events-filterbar/v2\_1/components/checkbox.php |
| ``<em>v2_1/<em>components/<em>clear-button.php</em></em></em>`` | Displays the clear button | \[your-theme\]/tribe/events-filterbar/v2\_1/components/clear-button.php |
| ``<em>v2_1/<em>components/dropdown.php</em></em>`` | Contains the dropdown type input | \[your-theme\]/tribe/events-filterbar/v2\_1/components/dropdown.php |
| ``<em>v2_1/<em>components/field-type.php</em></em>`` | Handles finding the type of filter | \[your-theme\]/tribe/events-filterbar/v2\_1/components/field-type.php |
| ``<em>v2_1/<em>components/filter.php</em></em>`` | Contains the main individual filter container | \[your-theme\]/tribe/events-filterbar/v2\_1/components/filter.php |
| ``<em>v2_1/<em>components/multiselect.php</em></em>`` | Contains the multiselect type input | \[your-theme\]/tribe/events-filterbar/v2\_1/components/multiselect.php |
| ``<em>v2_1/<em>components/pill.php</em></em>`` | Contains the template for vertical layout selections | \[your-theme\]/tribe/events-filterbar/v2\_1/components/pill.php |
| ``<em>v2_1/<em>components/pill-button.php</em></em>`` | Contains individual filter selections and remove button when in horizontal layout | \[your-theme\]/tribe/events-filterbar/v2\_1/components/pill-button.php |
| ``<em>v2_1/<em>components/radio.php</em></em>`` | Contains the radio type input | \[your-theme\]/tribe/events-filterbar/v2\_1/components/radio.php |
| ``<em>v2_1/<em>components/range.php</em></em>`` | Contains the range type input | \[your-theme\]/tribe/events-filterbar/v2\_1/components/range.php |