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

> Kategória-szűrő és kategórialista a mega menüben, amely átirányít a szűrt találatokat mutató archív oldalra.

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](https://hub.hellowp.io/hu/plugins/jet-smart-filters/megjelenites-atiranyitas/)).
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.