{"id":1947107,"date":"2020-04-09T12:22:22","date_gmt":"2020-04-09T16:22:22","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/?post_type=tribe-knowledgebase&p=1947107"},"modified":"2026-04-22T01:17:37","modified_gmt":"2026-04-22T05:17:37","slug":"event-filter-templates","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/event-filter-templates\/","title":{"rendered":"Filter Bar Template Files"},"content":{"rendered":"\n

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

Each template can be copied and customized in your theme folder<\/a> and are located at: \/wp-content\/plugins\/the-events-calendar-filterbar\/src\/views\/<\/code>.<\/p>\n\n\n\n

Template<\/th>What it Does<\/th>Override Location<\/th><\/tr><\/thead>
v2_1\/filter-bar.php<\/em><\/code><\/td>The main filter bar template that calls all the other components<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/filter-bar.php<\/td><\/tr>
v2_1\/filter-bar\/selections.php<\/em><\/code><\/code><\/td>Displays the selected filters in vertical layout<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/filter-bar\/selections.php<\/td><\/tr>
v2_1\/filter-bar\/actions.php<\/em><\/code><\/code><\/td>Contains the clear button and action done button<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/filter-bar\/actions.php<\/td><\/tr>
v2_1\/filter-bar\/filters.php<\/em><\/code><\/code><\/td>Displays the filters in either the horizontal or vertical layout<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/filter-bar\/filters.php<\/td><\/tr>
v2_1\/filter-bar\/filters-slider.php<\/em><\/code><\/code><\/td>Contains the JavaScript to setup the filter slider in horizontal layout<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/filter-bar\/filters.php<\/td><\/tr>
v2_1\/filter-bar\/breakpoints.php<\/em><\/code><\/code><\/td>Contains the JavaScript to setup the css breakpoints <\/td><\/td><\/tr>
v2_1\/components\/events-bar\/filter-button.php<\/em><\/em><\/code><\/code><\/td>Displays the button to open or close the filters in horizontal layout<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/events-bar\/filter-button.php<\/td><\/tr>
v2_1\/components\/checkbox.php<\/em><\/em><\/code><\/code><\/td>Contains the checkbox type input<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/checkbox.php<\/td><\/tr>
v2_1\/components\/clear-button.php<\/em><\/em><\/em><\/code><\/code><\/td>Displays the clear button<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/clear-button.php<\/td><\/tr>
v2_1\/components\/dropdown.php<\/em><\/em><\/code><\/code><\/td>Contains the dropdown type input<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/dropdown.php<\/td><\/tr>
v2_1\/components\/field-type.php<\/em><\/em><\/code><\/code><\/td>Handles finding the type of filter <\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/field-type.php<\/td><\/tr>
v2_1\/components\/filter.php<\/em><\/em><\/code><\/code><\/td>Contains the main individual filter container<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/filter.php<\/td><\/tr>
v2_1\/components\/multiselect.php<\/em><\/em><\/code><\/code><\/td>Contains the multiselect type input<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/multiselect.php<\/td><\/tr>
v2_1\/components\/pill.php<\/em><\/em><\/code><\/code><\/td>Contains the template for vertical layout selections<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/pill.php<\/td><\/tr>
v2_1\/components\/pill-button.php<\/em><\/em><\/code><\/code><\/td>Contains individual filter selections and remove button when in horizontal layout<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/pill-button.php<\/td><\/tr>
v2_1\/components\/radio.php<\/em><\/em><\/code><\/code><\/td>Contains the radio type input<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/radio.php<\/td><\/tr>
v2_1\/components\/range.php<\/em><\/em><\/code><\/code><\/td>Contains the range type input<\/td>[your-theme]\/tribe\/events-filterbar\/v2_1\/components\/range.php<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"

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\/. Template What it Does Override Location v2_1\/filter-bar.php…<\/p>\n","protected":false},"author":84,"featured_media":1955565,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[84],"tags":[],"stellar-product-taxonomy":[159],"class_list":["post-1947107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-theming-overview","stellar-product-taxonomy-filter-bar"],"acf":[],"taxonomy_info":{"category":[{"value":84,"label":"Templating & Layout"}],"stellar-product-taxonomy":[{"value":159,"label":"Filter Bar"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"The Events Calendar Team","author_link":"https:\/\/theeventscalendar.com\/knowledgebase\/author\/the_events_calendar_team\/"},"comment_info":0,"category_info":[{"term_id":84,"name":"Templating & Layout","slug":"theming-overview","term_group":0,"term_taxonomy_id":84,"taxonomy":"category","description":"","parent":24,"count":21,"filter":"raw","term_order":"0","cat_ID":84,"category_count":21,"category_description":"","cat_name":"Templating & Layout","category_nicename":"theming-overview","category_parent":24}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1947107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1947107"}],"version-history":[{"count":2,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1947107\/revisions"}],"predecessor-version":[{"id":1959651,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1947107\/revisions\/1959651"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1947107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1947107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1947107"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1947107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}