# Kapcsolódó elemek szűrése

> Szűrő létrehozása a JetSmartFilters bővítménnyel, amely a kapcsolatok alapján szűri a listát (például szolgáltatások osztály szerint).

A kapcsolatokat a JetSmartFilters szűrőivel is használhatod: a látogató kiválaszt egy szülőt, és a lista csak a hozzá kapcsolódó gyermekeket mutatja (vagy fordítva). Szükséges: szerkesztő (Elementor ingyenes, blokkszerkesztő vagy Bricks), aktív JetEngine létrehozott kapcsolatokkal, és aktív JetSmartFilters.

A példában az **Osztályok** és **Szolgáltatások** között van kapcsolat, és a szolgáltatások listáját szűrjük osztály szerint.

## A szűrő létrehozása

1. Menj a **Smart Filters → Új hozzáadása** oldalra.
2. Add meg a szűrő nevét, és válaszd a **Select** szűrőtípust (vagy más, több értékű típust).
3. Ha hierarchikus szűrőt szeretnél, kapcsold be az **Is hierarchical** kapcsolót.
4. Az adatforrás: **Bejegyzések**. Add meg a helyőrzőt, ha kell, és válaszd ki a bejegyzéstípust (itt: Osztályok). Az **Is Checkbox Meta Field** kapcsoló maradjon kikapcsolva. Szükség esetén az **Include/Exclude** mezőben megadhatsz bejegyzéseket.
5. A **Query Variable** mező melletti dinamikus címke ikonnal válaszd az egyiket:
   - „JetEngine: filters children items list by parents IDs”: a szülő kiválasztása szűri a gyermekek listáját (a példában ezt használjuk);
   - „JetEngine: filters parents items list by children IDs”: a gyermek kiválasztása szűri a szülők listáját.
6. A megnyíló ablakban válaszd ki a kapcsolatot.
7. Az összehasonlítás maradjon **Egyenlő (=)**, majd kattints a **Frissítés** gombra.

## A lista és az oldal

1. Készíts listázási elemet a szűrendő objektumhoz (bejegyzéstípus, CCT, felhasználó vagy taxonómia), és tedd rá a szükséges dinamikus elemeket. Tedd közzé.
2. Nyisd meg azt az oldalt, ahol a szűrt listát meg akarod jeleníteni. Tedd fel a **Listing Grid** elemet, és válaszd ki a listázási elemet.
3. Tedd fel a **Select Filter** elemet, és válaszd ki a létrehozott szűrőt.
4. Tedd közzé az oldalt.

A frontenden egy opció kiválasztása után a lista csak a kiválasztott szülőhöz kapcsolt gyermekeket mutatja.

Ha a szűrést a kapcsolat metamezőjének értéke alapján szeretnéd megvalósítani, lásd: [Szűrés kapcsolat metamezője alapján](https://hub.hellowp.io/hu/plugins/jet-engine/kapcsolatok-szures-meta/).