# A keresés hozzárendelése egy listázórácshoz

> Az Ajax Search összekötése egy JetEngine Listing Grid elemmel egy archívoldalon: lekérdezések, archívsablon, CSS ID és célwidget.

Ha az eredményoldalon két listázórács van (az egyik a keresés találatait mutatja, a másik például ajánlott elemeket), az Ajax Search a **Target Widget ID** mezővel köthető egyetlen rácshoz. Követelmény: Elementor vagy blokkszerkesztő, JetSearch, JetThemeCore, JetEngine elkészített listázósablonnal.

## 1. Két lekérdezés

A **JetEngine → Query Builder** oldalon:

1. Kattints az **Add New** gombra. Add a nevet (például „Properties Current Query”), a **Query Type** legyen **Current WP Query**. A **Posts per page** blokkban az **Add new page type** gombbal válaszd ki a bejegyzéstípust, és add meg a **Posts number** értéket. Kattints az **Add Query** gombra.
2. Hozz létre egy második lekérdezést (például „Properties Query”): **Query Type** legyen az alap **Posts Query**, a **Post Type** a bejegyzéstípusod. Az **Add new sorting parameter** gombbal rendezést is adhatsz (például **Order By** = cím szerint, **Order** = növekvő). A **Pagination** fülön a **Posts Per Page** értéket állítsd 3-ra, ha csak három elemet akarsz látni. Kattints az **Add Query** gombra.

## 2. Archívsablon

1. Menj a **Crocoblock → Theme Builder** oldalra, és kattints a **Create new page template** gombra.
2. Az **Add Condition** gombbal adj meg feltételt: **Include**, **Archive**, **All (a bejegyzéstípus neve) Archive**, majd **Create**.
3. A fejlécet és láblécet az **Override theme header/footer** gombokkal is felülbírálhatod, de a lényeg a törzs: kattints az **Override theme body** gombra, és válaszd a **Create template** gombot (új sablon) vagy az **Add from library** gombot (meglévő). Add meg a sablon nevét és a szerkesztőt (Elementor), majd **Create**, **Go to editor**.
4. Adj hozzá egy **Heading** elemet „Search results:” szöveggel, majd egy **Listing Grid** widgetet. Válaszd ki a listázósablont.
5. A **Custom Query** fülön kapcsold be a **Use Custom Query** kapcsolót, és a **Custom Query** listából válaszd az első, **Current WP Query** típusú lekérdezést.
6. Az **Advanced** fülön a **CSS ID** mezőbe írj egy azonosítót (például `listing-grid-1`): ezzel kötöd később a kereséshez.
7. Adj hozzá egy második **Heading** elemet („We recommend:”) és egy második **Listing Grid** widgetet ugyanazzal a listázósablonnal. A **Custom Query** fülön válaszd a második lekérdezést. A második rácshoz a **Current WP Query** kivételével bármilyen lekérdezést megadhatsz: például a **Posts Query** fülön az **Add Item** gombbal vegyél fel egy **Meta Query** feltételt (Key: `top`, Operator: **Equal**, Value: `yes`), így csak a „Top” mezőben „yes” értékű bejegyzések látszanak.
8. Tedd közzé a sablont (**Publish**).

## 3. A keresőoldal

1. A **Lapok** között hozz létre egy új oldalt (vagy nyiss meg egy meglévőt), és add hozzá az **Ajax Search** widgetet.
2. A **Custom Search Results URL** mezőbe írd be az eredményoldal (az archívoldal) webcímét.
3. A **Target Widget ID (optional)** mezőbe írd be az első rács CSS-azonosítóját (`listing-grid-1`).
4. A **Source** legyen ugyanaz a bejegyzéstípus, amelyet a rács használ.
5. Tedd közzé az oldalt.

## Eredmény

A keresőbe írd be a keresett szöveget, és nyomd meg a **Keresés** gombot. Az eredményoldalra jutsz: a „Search results:” alatti rács a találatokra szűkül, a másik rács (ajánlott elemek) változatlan marad.