# Dinamikus listázás: egyéni kártya saját Elementor-sablonból

> A Dinamikus listázás widget Egyéni stílusa: saját kártyasablon bejegyzésekhez és egyéni bejegyzéstípusokhoz, több sablon váltogatása, karusszel, kategória- és címkeszűrő.

A **Dinamikus listázás** widget előre elkészített kártyastílusokat kínál, de nem mindig illenek az adatokhoz: egy terméknek ár, egy csapattagnak beosztás kell. Az **Egyéni** stílussal a kártyát közönséges Elementor-sablonként tervezed meg, és a widget minden bejegyzéshez ezt ismétli. Kódot nem kell írni. A widget Pro: a Pro bővítménnyel és aktivált licenccel érhető el, és a **The Plus Addons → Widgets** oldalon be kell kapcsolni a **Dinamikus listázás** kapcsolóját.

## Egyéni kártya bejegyzésekhez és egyéni bejegyzéstípusokhoz

1. Add az oldalra a **Dinamikus listázás** widgetet.
2. A **Tartalom elrendezése** szakaszban a **Bejegyzés típusa** mezőben válaszd ki a típust: **Bejegyzések**, vagy bármelyik egyéni bejegyzéstípusod (például termék, csapattag).
3. A **Stílus** választóban kattints az **Egyéni** stílusra (az ötödik, kis ikonnal jelölt kártya).
4. A **Sablonminta kiválasztása** mezőben válaszd ki a kártya sablonját, vagy a **Create Template** gombbal hozz létre újat. Meglévő sablon a **Edit Template** gombbal nyílik meg szerkesztésre.

![A Tartalom elrendezése szakasz Egyéni stílussal és kiválasztott kártyasablonnal](./kepek/dinamikus-listak-egyeni-panel.webp)

*A Tartalom elrendezése szakasz Egyéni stílussal és kiválasztott kártyasablonnal* (https://minta-bolt.hu/wp-admin/post.php?post=208&action=elementor)

A képen az **Egyéni** stílus van kijelölve, alatta a **Sablonminta kiválasztása** mezőben a kártyasablon neve látszik, majd az **Edit Template** gomb, a **Több ismétlődés** kapcsoló és az **Elrendezés**.

A sablon a normál Elementor-szerkesztőben nyílik meg. Oda a bejegyzéstípus saját mezőit (cím, kivonat, kiemelt kép, a bejegyzéstípus egyéni mezői) dinamikus címkékkel teheted bárhová a tervben, pontosan úgy, mint egy oldal építésekor.

Amíg nem választasz sablont, a közzétett oldalon egy üzenet kéri, hogy válassz sablont.

![Az Egyéni stílusú lista: minden bejegyzés ugyanazt a sablont ismétli](./kepek/dinamikus-listak-egyeni-kartya.webp)

*Az Egyéni stílusú lista: minden bejegyzés ugyanazt a sablont ismétli* (https://minta-bolt.hu/dl2-egyeni/)

A képen a hat bejegyzés mindegyike ugyanabból a sablonból készült kártyát kapja, a rács oszlopai az **Oszlopok kezelése** szakasz szerint rendeződnek.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Bejegyzés típusa** | Melyik bejegyzéstípus elemeit listázza | Bejegyzések |
| **Stílus** | A beépített stílusok, az **Egyéni** és az intelligens ciklusszerkesztő közül választ | Az első stílus |
| **Sablonminta kiválasztása** | A kártyát adó Elementor-sablon | Nincs |
| **Több ismétlődés** | Több sablon váltogatása egy sablon helyett | Elrejtés |

A Metro és a Masonry elrendezésnél az egyéni megjelenés megtervezése külön odafigyelést igényel, mert a kártyák magassága eltérő lehet.

## Több sablon váltogatása (Több ismétlődés)

Ha nem akarod, hogy minden kártya ugyanúgy nézzen ki, kapcsold be a **Több ismétlődés** kapcsolót. Ez csak **Egyéni** stílusnál jelenik meg. Négy további sablonhely nyílik: **2. ciklussablon**, **3. ciklussablon**, **4. ciklussablon** és **5. ciklussablon**. A **Sablonminta sorrendje** mezővel döntöd el, milyen sorrendben váltakozzanak: **alapértelmezett**, **Megfordítás** vagy **Véletlen**.

![A Több ismétlődés kapcsoló bekapcsolva, a 2-5. ciklussablon mezőkkel](./kepek/dinamikus-listak-tobb-ciklus-panel.webp)

*A Több ismétlődés kapcsoló bekapcsolva, a 2-5. ciklussablon mezőkkel* (https://minta-bolt.hu/wp-admin/post.php?post=209&action=elementor)

A képen az első két sablonhely ki van töltve, a harmadik, negyedik és ötödik még üres.

Két sablonnál a kártyák felváltva az első és a második sablont kapják:

![Két sablon váltakozik a rácsban: az A és a B kártya](./kepek/dinamikus-listak-tobb-ciklus.webp)

*Két sablon váltakozik a rácsban: az A és a B kártya* (https://minta-bolt.hu/dl2-tobb/)

A képen az „Egyéni kártya A” és a „Egyéni kártya B” sablon váltakozik a rács elemein.

## Egyéni kártya karusszelben

A **Stílus** és az **Elrendezés** egymástól független beállítás, ezért az egyéni kártya körhintában is megy.

1. Készítsd el a lista **Egyéni** stílussal és kiválasztott sablonnal, a fenti lépések szerint.
2. Az **Elrendezés** mezőben válaszd a karusszelt (a negyedik ikon).

A **Stílus** fül karusszelbeállításai (nyilak, automatikus lejátszás, egyszerre látható kártyák száma) az egyéni kártyákra is úgy érvényesek, mint a beépített stílusokra.

![Egyéni kártyák karusszelben, alatta a lapozópontok](./kepek/dinamikus-listak-egyeni-karusszel.webp)

*Egyéni kártyák karusszelben, alatta a lapozópontok* (https://minta-bolt.hu/dl2-karusszel/)

A képen a kártyák egy sorban állnak, alattuk a karusszel pontjai látszanak.

## Szűrő az egyéni kártya fölött

A kategóriaszűrő független a stílustól: ugyanúgy működik **Egyéni** stílusnál, mint a beépítetteknél. A szűrő azokat a bejegyzéseket szűri, amelyeken a sablon ismétlődik, a sablont nem kell módosítani.

1. Építs **Egyéni** stílusú **Dinamikus listázás** widgetet.
2. Nyisd meg a **Kategória szerinti szűrés** szakaszt, és kapcsold be a **Kategória szerinti szűrés** kapcsolót.
3. Állítsd be a **Szűrés szerint** és a **Szűrő típusa** mezőt.

![A kategóriaszűrő sávja az egyéni kártyák rácsa fölött](./kepek/dinamikus-listak-egyeni-cimke-szuro.webp)

*A kategóriaszűrő sávja az egyéni kártyák rácsa fölött* (https://minta-bolt.hu/dl2-szuro/)

A képen a szűrősáv a rács fölött áll, a **Mind** gomb mellett a webhely címkéi (Egyéb, Hirek, Tippek, Útmutatók) látszanak.

Egyéni bejegyzéstípusnál a szűrő a **Taxonómiák** mezőben választott osztályozás szerint épül. A **Szűrő típusa** **AJAX** értéke és a megosztható webcím leírása az [AJAX szűrő](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dinamikus-listak-lista-ajax-url/) fejezetben van.

### Szűrés címke szerint

Bejegyzések listájánál a szűrő kategória helyett címke szerint is épülhet.

1. Állítsd a **Bejegyzés típusa** mezőt **Bejegyzések** értékre.
2. A **Kategória szerinti szűrés** szakaszban kapcsold be a **Kategória szerinti szűrés** kapcsolót.
3. A **Szűrés szerint** mezőben válaszd a **Címke** értéket (az alapérték **Kategória**).

A szűrősáv ezután minden címkéhez egy gombot kirak, de csak azokhoz a címkékhez, amelyek a lekérdezett bejegyzéseken ténylegesen szerepelnek. A **Szűrő típusa** itt is **Normál** (újratöltéses) vagy **AJAX** lehet.

| Beállítás | Értékek | Alapérték |
|---|---|---|
| **Szűrés szerint** | Kategória, Címke | Kategória |
| **Szűrő típusa** | Normál, AJAX | Normál |

A **Szűrés szerint** mező csak **Bejegyzések** típusnál és nem karusszel elrendezésnél jelenik meg. A karusszelnél a szűrő nem érhető el. Más bejegyzéstípusnál az osztályozást a **Taxonómiák** mezővel választod.

## Hibaelhárítás

- **A közzétett oldalon egy üzenet kéri, hogy válassz sablont.** **Egyéni** stílusnál a **Sablonminta kiválasztása** mezőben még nincs sablon. Válassz ki egyet.
- **Nincs Több ismétlődés kapcsoló.** Csak **Egyéni** stílusnál és nem ACF-ismétlőmezős listánál látszik.
- **A szűrő nem látszik karusszelnél.** A szűrő karusszel elrendezésnél nem érhető el.