# JetElements és JetTabs widgetek dinamikussá tétele a Lekérdezéskészítővel

> Fülek, csúszka, vélemények és függőleges idővonal feltöltése bejegyzésekkel és kifejezésekkel JetEngine-lekérdezésből.

A JetElements és a JetTabs widgetjei alapból statikusak. A JetEngine **Lekérdezéskészítőjével** dinamikussá teheted őket: a tartalmuk bejegyzésekből, metamezőkből, kapcsolatokból vagy egyéni lekérdezésekből töltődik. Ehhez aktív JetEngine, JetElements és JetTabs kell.

Minden widgetben ugyanaz a séma: bekapcsolod a **Use JetEngine query** kapcsolót, kiválasztod a lekérdezést, meghagyod az egyetlen elemet (ez lesz a minta a betöltött tételekhez), és a mezőkhöz a **Dinamikus címke** ikonnal dinamikus értéket rendelsz.

## Fülek bejegyzésekhez

Itt a fülek a kiválasztott bejegyzések, a fülek tartalma pedig egy listázási sablon.

1. Nyisd meg a **JetEngine → Lekérdezéskészítő** oldalt, és kattints az **Új hozzáadása** gombra.
2. Adj nevet a lekérdezésnek, a típus legyen **Posts Query**, add meg a bejegyzéstípust, az állapot pedig **Közzétett (publish)**.
3. A **Post & Page** fülön a **Posts In** mező melletti **Dinamikus címke** ikonnal válaszd a **Current ID** (aktuális azonosító) lehetőséget, majd mentsd a lekérdezést.
4. A **JetEngine → Listázások/komponensek** oldalon hozz létre egy listázási sablont, amely a fülön belül jelenik meg, és tedd közzé.
5. Az Elementor sablonjai között hozz létre egy **Page** típusú sablont. Add hozzá a **Listing Grid** widgetet, és az **General → Listing** mezőben válaszd ki az előbbi sablont.
6. Az **Custom Query** fülön kapcsold be a **Use Custom Query** kapcsolót, és válaszd ki az 1-3. lépésben létrehozott lekérdezést. Itt a lista megjelenítheti a „No data was found” üzenetet, ez ebben a lépésben rendben van. Mentsd a sablont.
7. Hozz létre még egy **Posts Query** lekérdezést ugyanahhoz a bejegyzéstípushoz. Itt add meg, mely bejegyzések jelenjenek meg a fülekben (a példában a **Post & Page → Post In** mezőben azonosítóval).
8. A kívánt oldalon add hozzá a **Tabs** widgetet, kapcsold be a **Use JetEngine query** kapcsolót, és válaszd ki az utoljára létrehozott lekérdezést.
9. Hagyj egyetlen elemet. A **Content Type** legyen **Template**, a **Choose Template** mezőben pedig válaszd ki a 5. lépésben létrehozott sablont.
10. Tedd közzé az oldalt: a fülek a kiválasztott bejegyzésekkel jelennek meg.

## Fülek kifejezések szerinti bejegyzésekhez

Itt minden fül egy kifejezés (term), tartalma az adott kifejezéshez tartozó bejegyzések listája.

1. A **Lekérdezéskészítőben** hozz létre egy **Posts Query** lekérdezést a kívánt bejegyzéstípussal.
2. A **Tax Query** fülön kattints az **Új hozzáadása** gombra. Válaszd ki a taxonómiát, a **Field** értéke legyen **Term ID**, a **Terms** mező melletti **Dinamikus címke** ikonnal válaszd a **Queried term** lehetőséget, az összehasonlítás pedig legyen **IN**. Add hozzá a lekérdezést.
3. Készíts listázási sablont a bejegyzésekhez a **JetEngine → Listázások/komponensek** oldalon, és mentsd.
4. Készíts Elementor sablont, amelyben a **Listing Grid** widget ezt a listázást és az előbbi lekérdezést használja. Mentsd a sablont.
5. Hozz létre egy **Terms Query** lekérdezést: add meg a nevét, és a **General** fülön válaszd ki a taxonómiát.
6. Az oldalon add hozzá a **Tabs** widgetet, kapcsold be a **Use JetEngine query** kapcsolót, és válaszd a **Terms Query** lekérdezést.
7. Hagyj egyetlen elemet. A fülek nevéhez a **Label** mező melletti **Dinamikus címke** ikonnal válaszd a **Term Field** lehetőséget, majd a megnyíló ablakban a taxonómiát és mezőként a **Term name** (kifejezés neve) értéket.
8. A **Content Type** legyen **Template**, a **Choose Template** mezőben válaszd ki a 4. lépésben mentett sablont, és mentsd az oldalt.

A frontenden így kifejezésenként csoportosított bejegyzések jelennek meg a fülekben.

## Fülek szülő és gyermek kifejezésekhez

Itt a fülek a szülő kifejezések, tartalmuk pedig az adott szülő gyermek kifejezéseinek listája.

1. A **Lekérdezéskészítőben** hozz létre egy **Terms Query** lekérdezést, és a **General** fülön válaszd ki a taxonómiát.
2. A **Parent/Child** fül **Parent** mezőjénél a **Dinamikus címke** ikonnal válaszd a **Queried term** lehetőséget, és add hozzá a lekérdezést.
3. Készíts listázási sablont a gyermek kifejezésekhez (**JetEngine → Listázások/komponensek**, **Új elem hozzáadása**), és tedd közzé.
4. Készíts Elementor **Page** sablont: add hozzá a **Listing Grid** widgetet, válaszd ki az előbbi listázást, és alkalmazd rá a 1-2. lépésben létrehozott **Terms Query** lekérdezést.
5. Hozz létre egy másik **Terms Query** lekérdezést ugyanahhoz a taxonómiához. A **Parent/Child** fül **Parent** mezőjébe írj **0**-t, így csak a legfelső szintű (szülő nélküli) kifejezéseket kapod. Add hozzá a lekérdezést.
6. Az oldalon add hozzá a **Tabs** widgetet, kapcsold be a **Use JetEngine query** kapcsolót, és válaszd ki az utoljára létrehozott lekérdezést.
7. Hagyj egyetlen elemet. A **Label** mezőhöz a **Dinamikus címke** ikonnal válaszd a **Term Field** lehetőséget, a taxonómiát és a **Term name** mezőt.
8. A **Content Type** legyen **Template**, a **Choose Template** mezőben válaszd ki a 4. lépés sablonját, és mentsd az oldalt.

A frontenden a szülő kifejezések a fülek, bennük a gyermek kifejezések láthatók.

## Csúszka bejegyzésekhez

1. A **Lekérdezéskészítőben** hozz létre egy **Posts Query** lekérdezést, és a **General** fülön válaszd ki a bejegyzéstípust. Szükség szerint állíts be további feltételeket, majd mentsd.
2. Az oldalon add hozzá a **Slider** widgetet, kapcsold be a **Use JetEngine query** kapcsolót, és válaszd ki a lekérdezést.
3. Hagyj egyetlen elemet. A kitöltendő mezők melletti **Dinamikus címke** ikonnal válaszd az **Egyedi mező** (Custom Field) lehetőséget, és azt a mezőt, amelynek az adatát ki szeretnéd írni.
4. Tedd közzé az oldalt: a csúszkába a kiválasztott bejegyzések töltődnek.

## Vélemények bejegyzésekhez

1. A **Lekérdezéskészítőben** hozz létre egy **Posts Query** lekérdezést a kívánt bejegyzéstípussal, állíts be további feltételeket, ha kell, és mentsd.
2. Az oldalon add hozzá a **Testimonials** widgetet, kapcsold be a **Use JetEngine query** kapcsolót, és válaszd ki a lekérdezést.
3. Hagyj egyetlen elemet. A kitöltendő mezők melletti **Dinamikus címke** ikonnal válaszd az **Egyedi mező** lehetőséget, és a kívánt mezőt.
4. Mentsd a változtatásokat, és nézd meg a frontenden: a vélemények a bejegyzésekből töltődnek.

## Függőleges idővonal bejegyzésekhez

1. A **Lekérdezéskészítőben** hozz létre egy **Posts Query** lekérdezést a kívánt bejegyzéstípussal, igény szerint állíts be további feltételeket, és add hozzá a lekérdezést.
2. Nyisd meg az oldalt Elementorban, és add hozzá a **Vertical Timeline** widgetet.
3. A widget **Cards** fülén kapcsold be a **Use JetEngine query** kapcsolót, és válaszd ki a lekérdezést.
4. Hagyj egyetlen kártyát, a többit töröld. Ez a kártya a minta a dinamikusan betöltött tételekhez.
5. A kártya mezőihez a **Dinamikus címke** ikonnal válaszd az **Egyedi mező** lehetőséget, és a kívánt metamezőt.
6. Tedd közzé az oldalt, és ellenőrizd a frontenden.