# Event Filter Ajax

## 1: Display at frontend

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

![Layout 1](/files/-MW3iaetwcXgS7xaMYUe)

![Layout 2](/files/-MW3ifYd6Ot_qcCuqZyz)

## 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.

<div><img src="/files/LxhRHJm79NIeaXe6MWqn" alt=""> <figure><img src="/files/XlrEhiU5bYXTfVGJ4jI6" alt=""><figcaption></figcaption></figure> <figure><img src="/files/siiMuObgwavxKwphh0o9" alt=""><figcaption></figcaption></figure> <figure><img src="/files/vvs1gdCYsNXqMxYaOLeu" alt=""><figcaption></figcaption></figure></div>

### 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ovatheme.gitbook.io/fullevent/elements/shortcode.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.