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" time_event="all" order_post="ASC" orderby_post="ovaev_start_date_time" 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="30" pause_on_hover="yes" loop="no" autoplay="no" lazyload="yes" nav="yes" dots="no"  owl_nav_prev="" owl_nav_next="" category="all" ]


<!-- 
number_post: Number items in a page.
time_event: current or upcoming or past or empty (Display events with these filters.)
order_post: ASC or DESC
orderby_post: ovaev_start_date_time or ovaev_end_date_time or event_custom_sort or title or date
show_all: yes or no (Show All in navigation filter)
show_featured: yes or no (Show Featured Event)
show_filter: yes or no (Show navigation filter)
exclude_cat: Search without some categories. Example: slug4, slug5, slug6.”
text_read_more: Text read more button
how_read_more: yes or no (Show read more button)
layout: 1 or 2 (columns of items)
items: total items of slider.
slide_by: number item per slide.
margin: margin between items.
pause_on_hover: yes or no (Pause when the mouse hovers over the item in the slide.)
loop: yes or no (Loop for the slider.)
autoplay: yes or no
lazyload: yes or no
nav: yes or no (navigation of slider)
dots: yes or no (Dots are small indicators that show which slide is active and let users click to switch slides.)
owl_nav_prev: empty or insert class icon
owl_nav_next: empty or insert class icon
category: Choose All or Get even by slug category. Example : slug1, slug2, slug3
-->

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.