{"id":4285,"date":"2026-10-21T08:09:54","date_gmt":"2026-10-21T08:09:54","guid":{"rendered":"http:\/\/eventful-elementor.local\/?post_type=docs&#038;p=4285"},"modified":"2026-10-21T08:09:54","modified_gmt":"2026-10-21T08:09:54","password":"","slug":"ajax-live-filters","status":"publish","type":"docs","link":"https:\/\/wpeventful.com\/elementor\/docs\/ajax-live-filters\/","title":{"rendered":"1. Add AJAX Live Filters"},"content":{"rendered":"<p class=\"efe-doc-summary wp-block-paragraph\">Add a filter bar above any Eventful widget, so visitors can narrow the events without a page reload.<\/p>\n\n<p class=\"wp-block-paragraph\">Filters work on all 9 widgets. Button filters are in the free version; dropdown, radio and checkbox filters need Eventful Pro.<\/p>\n\n<h2 class=\"wp-block-heading\">Add a filter<\/h2>\n\n<ol class=\"wp-block-list efe-doc-steps\"><li>Open <strong>Content &gt; Filter Events<\/strong> and scroll to <strong>Advanced Filtering<\/strong>.<\/li><li>Turn on <strong>Enable Advanced Filtering<\/strong>. A first filter row appears under <strong>Filter Options<\/strong>.<\/li><li>Open the row and choose what to filter by in <strong>Select Option<\/strong>.\n<figure class=\"wp-block-image size-full efe-shot efe-doc-shot\"><a href=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-filter@2x-1.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-filter@2x-1.webp\" alt=\"Eventful AJAX filter settings: a Venue filter row in Advanced Filtering\" width=\"1000\" height=\"430\" class=\"wp-image-4463\" loading=\"lazy\" srcset=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-filter@2x-1.webp 2000w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-filter@2x-1-300x129.webp 300w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-filter@2x-1-1024x440.webp 1024w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-filter@2x-1-768x330.webp 768w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-filter@2x-1-1536x660.webp 1536w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption class=\"wp-element-caption\">A filter row set to Venue, shown as a dropdown.<\/figcaption><\/figure>\n<\/li><li>Optional: limit the choices. For example, in <strong>Choose Category(s)<\/strong> pick three categories. Leave it empty to offer all of them.<\/li><li>Keep <strong>Show Ajax Live Filter<\/strong> on, so the filter appears above the events.<\/li><li>Choose a <strong>Filter Type<\/strong>: Button, or Dropdown, Radio or Checkbox (Pro).<\/li><li>Set the <strong>Label<\/strong> and, if you like, <strong>Rename &#8220;All&#8221; Text<\/strong> (for example &#8220;All venues&#8221;).<\/li><li>Turn on <strong>Show Event Count<\/strong> to show the number of events next to each option, and <strong>Hide Empty Option(s)<\/strong> to leave out options with no events.<\/li><\/ol>\n\n<p class=\"wp-block-paragraph\">Click <strong>Add Item<\/strong> under the rows to add another filter, for example a category filter next to a month filter.<\/p>\n\n<h2 class=\"wp-block-heading\">What you can filter by<\/h2>\n\n<figure class=\"wp-block-table efe-doc-table\"><table><thead><tr><th>Select Option<\/th><th>Visitors choose from<\/th><\/tr><\/thead><tbody><tr><td>Categories<\/td><td>Event categories<\/td><\/tr><tr><td>Tags<\/td><td>Event tags<\/td><\/tr><tr><td>Venue<\/td><td>Venues<\/td><\/tr><tr><td>Organizer<\/td><td>Organizers<\/td><\/tr><tr><td>Event Type (Time-Based)<\/td><td>Upcoming, Past, or All (Upcoming + Past)<\/td><\/tr><tr><td>Event Timeframe<\/td><td>Currently Happening, Yesterday, Today Only, Today and Onwards, This Week, Next Week, Upcoming Weekend, This Month, Next Month, This Year, and 1 week, 1 month or 1 year ago to today<\/td><\/tr><tr><td>Event Month<\/td><td>Months that have events<\/td><\/tr><tr><td>Event Year<\/td><td>Years that have events<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<h2 class=\"wp-block-heading\">Operator and relation<\/h2>\n\n<ul class=\"wp-block-list\"><li><strong>Operator<\/strong> (per row): <strong>IN<\/strong> shows events in any of the chosen options, <strong>AND<\/strong> only events that match all of them, <strong>NOT IN<\/strong> leaves those options out.<\/li><li><strong>Filter Relation<\/strong> (below the rows): <strong>AND<\/strong> means an event must match every filter; <strong>OR<\/strong> means matching one is enough.<\/li><\/ul>\n\n<h2 class=\"wp-block-heading\">Filter only, without a filter bar<\/h2>\n\n<p class=\"wp-block-paragraph\">Turn off <strong>Show Ajax Live Filter<\/strong> on a row and it only narrows the events, with nothing shown to visitors. For example: a Venue row set to one venue makes a widget for that venue only.<\/p>\n\n<h2 class=\"wp-block-heading\">Layout of the filter bar<\/h2>\n\n<p class=\"wp-block-paragraph\"><strong>Filter Option Column(s)<\/strong> places several filters side by side (1 to 6, set per device), and <strong>Margin Between Columns<\/strong> sets the gap. Colours are in <strong>Style &gt; Filter Bar<\/strong>.<\/p>\n\n<h2 class=\"wp-block-heading efe-doc-related-title\">Related articles<\/h2>\n\n<ul class=\"wp-block-list efe-doc-related\"><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/dates-keyword-hidden-events\/\">Dates, Keyword and Hidden Events<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/filter-events\/\">Filter Events<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/pagination-types\/\">Pagination Types<\/a><\/li><\/ul>\n\n<p class=\"efe-doc-demo wp-block-paragraph\"><a href=\"https:\/\/wpeventful.com\/elementor\/ajax-event-filter\/\">See the AJAX filter demo \u2192<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>How to add AJAX live filters to an Eventful widget: filter by category, tag, venue, organizer, timeframe, month or year without a page reload.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[31],"doc_tag":[],"class_list":["post-4285","docs","type-docs","status-publish","hentry","doc_category-filters-search"],"year_month":"2026-10","word_count":385,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"ThemeAtelier","author_nicename":"foysal","author_url":"https:\/\/wpeventful.com\/elementor\/author\/foysal\/"},"doc_category_info":[{"term_name":"5. Filters and Search","term_url":"https:\/\/wpeventful.com\/elementor\/docs-category\/filters-search\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/comments?post=4285"}],"version-history":[{"count":3,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4285\/revisions"}],"predecessor-version":[{"id":4472,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4285\/revisions\/4472"}],"wp:attachment":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/media?parent=4285"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_category?post=4285"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_tag?post=4285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}