# Előszűrt találatok a menüből

> Kategóriák és szűrő a megamenüben, amelyekkel a látogató egy előre szűrt találati oldalra jut.

Ebben a példában a megamenü kategóriákat (köztük WooCommerce-kategóriákat is lehetne) és egy jelölőnégyzetes szűrőt tartalmaz. Egy kategóriára kattintva a látogató egy archív oldalra jut, ahol a találatok már a kategória szerint szűrtek. A példa egy „Túra” egyedi bejegyzéstípust és egy „Kontinensek” taxonómiát használ.

Követelmények: Elementor, JetMenu, JetEngine, JetSmartFilters és JetThemeCore.

## 1. Listing item a kategóriákhoz

1. A **JetEngine → Taxonomies** oldalon az **Add New** gombbal hozz létre taxonómiát a kívánt bejegyzéstípushoz (a példában „Kontinensek” a „Túra” típushoz). Ha kell, adj hozzá meta mezőt (például „Kép”), és kattints az **Add Taxonomy** gombra.
2. Nyisd meg a bejegyzéstípust, és jelöld ki rajta a taxonómiát.
3. Vedd fel a kategóriákat, és rendeld hozzájuk a bejegyzéseket.
4. A **JetEngine → Listings** oldalon az **Add New** gombbal hozz létre listing itemet a kategóriákhoz: a **Listing Source** legyen **Terms**, a **From post type** pedig a taxonómiához használt bejegyzéstípus.
5. Add hozzá a dinamikus mezőket (például a kategória nevét és képét).
6. A listing item beállításaiban (a bal alsó sarokban lévő fogaskerék) nyisd le a **Listing Settings** részt, és kapcsold be a **Make listing item clickable** kapcsolót.

## 2. Listing item a bejegyzésekhez

Hozz létre egy másik listing itemet a bejegyzéstípushoz (a példában „Listing Tours”). Ez fogja megjeleníteni a szűrt találatokat.

## 3. Jelölőnégyzetes szűrő a kategóriákhoz

1. A **SmartFilters** menüben kattints az **Add New** gombra.
2. Adj nevet a szűrőnek (a példában `filter_for_continents`), és válaszd a **Checkbox List** típust.
3. A **Data Source** értéke legyen **Taxonomies**, a **Taxonomy** listából pedig válaszd ki a taxonómiát.
4. Kattints az **Update** gombra.

## 4. Archív sablon

1. A **Crocoblock → Theme Templates** oldalon az **Add New** gombbal hozz létre sablont (például `Continent_archive`), a **Template Type** legyen **Archive**, majd kattints a **Create Template** gombra.
2. A sablont oszd részekre az **Inner Section** widgettel.
3. Húzd be a **Checkbox Filter** widgetet. A **Select Filter** listából válaszd ki a szűrőt, a **This filter for** értéke legyen **JetEngine**, az **Apply type** pedig **AJAX**.
4. Húzd be a **Listing Grid** widgetet, válaszd ki a bejegyzések listing itemét, és kapcsold be a **Use as Archive template** kapcsolót. A rács stílusát tetszés szerint állíthatod.
5. Frissítsd a sablont.

## 5. A megamenü

1. A **Megjelenés → Menük** oldalon hozz létre új menüt, vagy bővítsd a meglévőt (a példában `Menu_for_prefiltered_results`).
2. A menüpont **Settings** ablakában kapcsold be a **Use Mega Content** kapcsolót, és kattints az **Edit Mega content** gombra.
3. A panelt oszd részekre az **Inner Section** widgettel, és tedd bele a **Checkbox Filter** widgetet az elkészített szűrővel.
4. Tedd mellé az **Apply Button** widgetet. Kapcsold be az **Apply Redirect** kapcsolót, és a **Redirect Path** mezőbe add meg az archív sablon elérési útját. Ez viszi át a látogatót az előszűrt találatokhoz.
5. Húzd be a **Listing Grid** widgetet a kategóriák listing itemjével.
6. Zárd be az ablakot, és mentsd a menüt.

## 6. A menü a fejlécben

1. A **Crocoblock → Theme Templates** oldalon nyisd meg a meglévő fejlécet, vagy hozz létre újat.
2. Add hozzá a **Megamenü** widgetet, és a **Select Menu for Desktop** listából válaszd ki az elkészített menüt.

## 7. A fejléc az archív sablonon és a feltételek

1. A **Crocoblock → ThemeBuilder** oldalon az archív sablonnál kattints a **+Add Header** gombra, és válaszd ki a fejlécet.
2. A **Crocoblock → Theme Parts** oldalon az archív sablonnál kattints az **Edit Condition** gombra, és válaszd az **Include**, **Entire**, **Entire Site** értékeket.
3. Kattints a **Save Conditions** gombra.

## Eredmény

Nyiss meg egy tetszőleges oldalt, és nyisd le a megamenüt. Válassz egy kategóriát, és az oldal az előszűrt találatokat mutatja.