Előszűrt találatok megjelenítése a menüből

Ebben a fejezetben a menübe teszel kategóriákat és egy jelölőnégyzetes szűrőt. Ha a látogató kiválaszt egy kategóriát, az oldal átirányítja egy archív oldalra, ahol az eredmények már szűrve jelennek meg. A leírás egyéni bejegyzéstípussal (itt: „Utazás”) és egyéni taxonómiával (itt: „Kontinensek”) mutatja be a menetet, WooCommerce-kategóriákkal is ugyanígy működik. A mega menü a JetMenu bővítménnyel, az archív és a fejléc sablon a Theme Builderrel készül, ezek külön bővítmények.

1. A kategóriák listázó eleme

1. JetEngine → Taxonómiák → Add New: hozz létre taxonómiát a bejegyzéstípushoz. Ha kell, vegyél fel metamezőt is (például képet), majd kattints az Add Taxonomy gombra.
2. Nyisd meg a bejegyzéstípust, válaszd ki a taxonómiát, vedd fel a kategóriákat, és rendeld a bejegyzéseket a megfelelő kategóriákhoz.
3. JetEngine → Listings → Add New: hozz létre listázó elemet a taxonómia kifejezéseihez. A Listing Source legyen Terms, a From post type mezőben pedig a bejegyzéstípus.
4. Nyisd meg a listázó elemet, és tegyél bele dinamikus mezőket.
5. A listázó elem beállításaiban (a bal alsó sarokban lévő fogaskerék) a Listing Settings részben kapcsold be a Make listing item clickable kapcsolót, hogy a kategória kattintható legyen.

2. A bejegyzések listázó eleme

Készíts külön listázó elemet a bejegyzéstípus bejegyzéseihez (itt: „Listing Tours”).

3. A szűrő a kategóriákhoz

1. Smart Filters → Add New: adj nevet a szűrőnek (például filter_for_continents), a típusa Jelölőnégyzetek listája.
2. Az Adatforrás legyen Taxonómiák, az Osztályozás (taxonomy) mezőben a létrehozott taxonómia.
3. Kattints az Update gombra.

4. Az archív sablon

1. Crocoblock → Theme Templates → Add New: hozz létre sablont, a Template Type legyen Archive, majd kattints a Create Template gombra.
2. A sablon felosztásához használj Inner Section widgetet.
3. Tedd az oldalra a Checkbox Filter widgetet: a Select Filter mezőben válaszd ki a szűrőt, a This filter for mezőben a JetEngine szolgáltatót, az Apply type mezőben az AJAX módot.
4. Tedd az oldalra a Listing Grid widgetet, válaszd ki a bejegyzések listázó elemét, és kapcsold be a Use as Archive template kapcsolót.
5. Frissítsd a sablont.

5. A mega menü

1. Megjelenés → Menük: hozz létre új menüt, vagy bővíts egy meglévőt.
2. A menüelem Settings fülén kapcsold be a Use Mega Content kapcsolót, majd kattints az Edit Mega content gombra.
3. A megnyíló ablakban bontsd szakaszokra a tartalmat az Inner Section widgettel, és tedd bele a jelölőnégyzetes szűrőt, valamint a kategóriák Listing Grid widgetjét a kategóriák listázó elemével.
4. A szűrő mellé tedd az Apply Button widgetet. Kapcsold be az Apply Redirect kapcsolót, és a Redirect Path mezőbe add meg az archív sablonhoz tartozó oldal címét (Átirányítás a találati oldalra).
5. Zárd be az ablakot, és mentsd a menüt.

6. A fejléc és a feltételek

1. Crocoblock → Theme Templates: nyisd meg a fejléc sablont (vagy hozz létre újat), és tedd bele a Mega Menu widgetet. A Select Menu for Desktop listában válaszd ki a menüt.
2. A Theme Builderben az archív sablonnál kattints az +Add Header gombra, és válaszd ki a fejlécet.
3. A Theme Parts oldalon az archív sablonnál kattints az Edit Condition gombra, és állítsd be az Include, Entire, Entire Site értékeket, majd mentsd a feltételeket.

Az eredmény

Nyisd meg az oldal bármelyik oldalát, bontsd ki a mega menüt, és válassz egy kategóriát. Az oldal átirányít az archív oldalra, ahol csak a kiválasztott kategória bejegyzései látszanak.