Event Filter Ajax

1: Display at frontend

You can use Elementor or Shortcode to display template like here:

Layout 1

Layout 2

2: Config in Element

2.1 Config Elementor

• Layout: Layout 1, Layout 2

• Alignment: The Filter dipslay Left, Center, Right

• Number Post: Total Items in All or per category

• Choose Time: All, Current, Upcoming, Past Event

• Order By Post: Date, ID, Title

• Order Post: Ascending, Descending

• Excluded Categories: Insert Category ID if you don't want to display in results and the fitler bar.

• Show filter: show the filter bar.

• Show All in filter

• Show only Featured: you can define feature(special event) when create an event.

• Show "View All Events" Button

• Additional Settings: Config of slider.

2.2: Config Shortcode

[ovaev_slide_ajax number_post="8" order_post="desc" orderby_post="date" show_all="yes" show_featured="no" show_filter="yes" exclude_cat="" text_read_more="See All Events" show_read_more="yes" layout="1" items="3" slide_by="1" margin="20" pause_on_hover="yes" loop="no" autoplay="no" speed="3000" smart_speed="500" nav="yes" mouseDrag="yes" owl_nav_prev="arrow_carrot-left" owl_nav_next="arrow_carrot-right" category="all"]

<!--
category: get event by slug category.
number_post: get total event.
show_read_more: show/hide button See All Even.
-->

3: Customize Template

Copy file Plugins/ova-events/templates/elements/ovaev_events_ajax_content.php to Your-theme/ovaev-templates/elements/ folder. Note you have to create these folder.