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

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.