Listing a megamenüben

Ez a fejezet azt mutatja meg, hogyan tehetsz a megamenü paneljébe egy kategóriák szerinti listát (például helyszíneket képpel), amelyre kattintva a látogató az adott kategória bejegyzéseit tartalmazó oldalra jut. A példában egy „Ingatlanok” egyedi bejegyzéstípus („Helyszínek” taxonómiával) szerepel.

Követelmények

• Elementor.
• Aktív JetMenu.
• Aktív JetEngine, egy egyedi bejegyzéstípussal, amelyhez taxonómia tartozik.
• Fejlécsablon (például a Crocoblock → Theme Templates alatt).

1. Listing item létrehozása a kategóriákhoz

1. Hozz létre egy Listing itemet, és a Listing Source értéke legyen Terms.
2. Add hozzá a Dynamic Field widgetet a kategória nevéhez: a forrás Post/Term/User/Object Data, az objektummező Title.
3. Ha a kategóriákhoz képet is akarsz, tegyél be egy Dynamic Image widgetet, amely a taxonómia meta mezőjében tárolt képet mutatja.
4. Nyisd le a Listing Settings részt, és kapcsold be a Make listing item clickable kapcsolót. Így a kategóriára kattintva megnyílik a hozzá tartozó oldal.
5. Mentsd a listing itemet.

2. Lekérdezés a kategóriákhoz

1. Nyisd meg a JetEngine → Query Builder oldalt, és kattints az Add New gombra.
2. Hozz létre Terms Query típusú lekérdezést a kívánt taxonómiára (a példában a „Helyszínek” taxonómiára).
3. Mentsd a lekérdezést. Ez a lekérdezés adja vissza a kategóriák listáját, minden kategóriából egy listaelem lesz.

3. A megamenü beállítása

1. Nyisd meg a Megjelenés → Menük oldalt. Hozz létre új menüt, vagy add hozzá a kívánt oldalt (a példában az „Ingatlanok” oldalt) a meglévőhöz.
2. A menüpont mellett kattints a Settings gombra.
3. A megjelenő ablakban kapcsold be a Use Mega content kapcsolót.
4. Válaszd ki a szerkesztőt (Block editor vagy Elementor), és kattints az Edit Mega content gombra.
5. Húzd a Listing Grid widgetet a megamenü paneljébe, és válaszd ki a kategóriákhoz készített listing itemet.
6. Nyisd meg a Custom Query fület, kapcsold be a Use Custom Query kapcsolót, és a Custom Query listából válaszd ki a létrehozott Terms lekérdezést.
7. Mentsd a tartalmat, zárd be a szerkesztőt, majd mentsd a menüt.

4. A menü a fejlécben

1. Nyisd meg a Crocoblock → Theme Templates oldalt, és szerkeszd a meglévő fejlécsablont, vagy hozz létre újat.
2. Rendeld a fejlécet a kívánt oldalakra (a példában az egész webhelyre).
3. Add hozzá a Megamenü widgetet, és a Select Menu for Desktop listából válaszd ki az elkészített menüt.

Eredmény

A weboldalon nyisd le a megamenüt: a panelben a kategóriák listája látszik. Egy kategóriára kattintva az adott kategória bejegyzéseit tartalmazó oldal nyílik meg.

Ugyanígy készíthetsz bármilyen JetEngine-tartalomból összetett megamenü-paneleket.