# Ajax Search

## 1: Display at frontend

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

<div><img src="https://546673363-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MW3F_nSo5166LWY6zN0%2Fuploads%2Fn4XrwZWp13l9qP8d1Rsc%2FScreen%20Shot%202024-07-29%20at%2010.27.41.png?alt=media&#x26;token=61e32cef-d547-4bfb-82c0-2388ea2c2212" alt=""> <figure><img src="https://546673363-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MW3F_nSo5166LWY6zN0%2Fuploads%2FeomGGNkygcfzRm9M8hi6%2FScreen%20Shot%202024-07-29%20at%2010.28.13.png?alt=media&#x26;token=d9e8a9b3-3dd3-45de-9afc-6163aab45ee4" alt=""><figcaption></figcaption></figure> <figure><img src="https://546673363-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MW3F_nSo5166LWY6zN0%2Fuploads%2F7shimiXNw6roPRsPGmBc%2FScreen%20Shot%202024-07-29%20at%2010.29.03.png?alt=media&#x26;token=d3443d34-4122-4afb-9eb3-d96718870f98" alt=""><figcaption></figcaption></figure> <figure><img src="https://546673363-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MW3F_nSo5166LWY6zN0%2Fuploads%2FENksg0LBktIhatIIUytJ%2FScreen%20Shot%202024-07-29%20at%2010.29.28.png?alt=media&#x26;token=28297490-390d-481c-bdf5-94ffb7fc7c4e" alt=""><figcaption></figcaption></figure> <figure><img src="https://546673363-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MW3F_nSo5166LWY6zN0%2Fuploads%2Fjl7NBFatGUw6ewSybZjP%2FScreen%20Shot%202024-07-29%20at%2010.29.52.png?alt=media&#x26;token=566cdc53-567b-4741-aae4-b11eb4618df7" alt=""><figcaption></figcaption></figure> <figure><img src="https://546673363-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MW3F_nSo5166LWY6zN0%2Fuploads%2FzGT4wn8qce3EzdSguFCh%2FScreen%20Shot%202024-07-29%20at%2010.30.21.png?alt=media&#x26;token=c64a33dd-7b53-4f3c-9d43-e0757884214b" alt=""><figcaption></figcaption></figure></div>

## 2: Config in Elementor or Shortcode

### Config Elementor

**Layout**: Layout 1, 2, 3, 4, 5, 6 like Archive template\
**Column:** 1,2, 3\
**Category**: Choose All or single category\
**Choose Time**: All, Current, Upcoming, Past\
**Posts Per Page**: Number event per page\
**Order By**: Title, Custom Sort, Start Date, ID\
**Order Post**: Descneding, Ascending

![](https://546673363-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MW3F_nSo5166LWY6zN0%2F-Mi0o1hjgC8FZasf_DNs%2F-Mi0p1F6Hs7NbRTgb50h%2FScreen%20Shot%202021-08-26%20at%204.39.12%20PM.jpg?alt=media\&token=6ab3cedc-3452-4653-943b-8e673935d021)

### Config Shortcode

```
[ovaev_search_ajax layout="1" column="col3" posts_per_page="6" order="DESC" order_by="title" category="all" time_event="all"]

<!--
layout: 1,2,3,4,5,6.
column: col1, col2, col3
posts_per_page: 9
order: DESC, ASC
order_by: title, event_custom_sort, ovaev_start_date_time, ID
category: all or slug category
time_event: all, current, upcoming, past
-->
```

## 3: Customize Template

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