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

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.