# Egymásba ágyazott repeaterek, kapcsolatok és repeaterek

> Hogyan jeleníts meg egymásba ágyazott ACF Repeatereket, repeaterben kapcsolat mezőt, és kapcsolat mezőben repeatert sablonokkal.

Az **ACF Repeater** és az **ACF Kapcsolat** widget egymásba is építhető. Az alábbi három minta ugyanarra a példára épül: egy „kurzus” bejegyzés, amelynek fő repeater mezője a kurzus adatait, benne egy másik repeater a leckéket, egy kapcsolat mező pedig az oktatót tartalmazza.

Az ACF Repeater mező csak az Advanced Custom Fields Pro-ban érhető el, ezért mindhárom mintához az kell.

## Egymásba ágyazott repeater

Egymásba ágyazott repeaternek azt nevezzük, amikor egy repeater mező egyik almezője maga is repeater. Ilyen például egy kurzus, amelynek a fő repeaterében a kurzus adatai állnak, benne pedig egy másik repeaterben a leckék.

A megjelenítéshez az **ACF Repeater** widgetet és két Elementor-sablont használsz:

1. Készíts egyedi bejegyzéssablont (vagy sablont bármelyik oldalhoz), ahol a fő elrendezést megjeleníted.
2. Húzd be az elrendezésbe az **ACF Repeater** widgetet.
3. A widgetben add meg a fő repeater mezőt (a példában a kurzusok mezőjét), és hozz létre hozzá egy új sablont a megjelenítéshez. Nevezzük ezt az 1. sablonnak.
4. Az 1. sablonba húzd be azokat a widgeteket, amelyek a fő repeater almezőit mutatják, valamint egy másik **ACF Repeater** widgetet a beágyazott repeaternek (a példában a leckéknek).
5. Az 1. sablon **ACF Repeater** widgetében add meg a beágyazott repeater mezőt, és hozz létre egy új sablont a beágyazott repeater mezőinek megjelenítéséhez. Ez a 2. sablon.
6. A 2. sablonban a beágyazott repeater almezőihez rendelj dinamikus értékeket, majd a 2. sablont jelöld ki megjelenítési sablonként az 1. sablon **ACF Repeater** widgetében.

Ezután mindkét sablont úgy formázhatod, ahogy a weboldalon látszani szeretnéd. Az ACF Repeater beállításairól az [ACF Repeater widget](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/egyedi-mezok-acf-repeater/) fejezet szól.

## ACF Kapcsolat a repeaterben

Ha a fő repeaterben egy kapcsolat mező is van (a példában az oktató, egy külön „Oktató” egyedi bejegyzéstípusra mutatva), az **ACF Kapcsolat** widgettel jelenítheted meg.

1. Hozd létre az „Oktató” egyedi bejegyzéstípust, és vedd fel a fő repeater mezői közé a kapcsolat mezőt, amely erre a típusra mutat.
2. A fő repeater 1. sablonjában tedd egymás alá a megjeleníteni kívánt elemeket: a kurzus nevét, a leckék repeaterét (az előző minta szerint) és az oktató kapcsolatát az **ACF Kapcsolat** widgettel.
3. Az **ACF Kapcsolat** widgetben a kapcsolat mezőt add meg forrásnak, és válaszd ki a megjelenítés módját.
4. A kapcsolat megjelenítésére sablont is használhatsz, ha a widget renderelési módját választod.

Az **ACF Kapcsolat** beállításait az [ACF Kapcsolat widget](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/egyedi-mezok-acf-kapcsolat/) fejezet írja le.

## ACF Repeater a kapcsolatban

A fordított eset is működik: a kapcsolat mezőben kiválasztott bejegyzésnek is lehet saját repeater mezője. A példában az „Oktató” bejegyzésekhez egy „Könyvek” repeater tartozik, és ezt az oktatók kapcsolatában jeleníted meg.

1. Vedd fel az „Oktató” bejegyzéstípus mezői közé a „Könyvek” repeater mezőt.
2. Készíts sablont az **ACF Kapcsolat** widgethez. A sablonba húzz be egy **ACF Repeater** widgetet, és ott add meg a könyvek repeater mezőt.
3. Az **ACF Kapcsolat** widgetben a renderelési módban jelöld ki ezt a sablont.

Az egyedi kurzusoldalon így egymás mellett látszik a beágyazott repeater (leckék), a repeaterben lévő kapcsolat (oktatók) és a kapcsolatban lévő repeater (az oktatók könyvei).

## ACF Repeater az ACF Flexible Content elrendezésében

Az **ACF Flexible Content** mezőben elrendezéseket (layout) hozol létre, és mindegyikbe tetszőleges mezők kerülhetnek, így összetett, mégis könnyen szerkeszthető tartalmat építhetsz. Jó példa egy telefon adatlapja, ahol a jellemzők csoportokban követik egymást (hálózat, megjelenés, test, kijelző, platform), és minden csoportban több név-érték pár van. Minden csoport egy elrendezés lehet a Flexible Content mezőben, a név-érték párok pedig egy ACF Repeater mezőben az elrendezésen belül.

1. Hozd létre az ACF **Flexible Content** mezőt, az elrendezésbe vegyél fel egy szöveg mezőt a csoport nevének és egy **Repeater** mezőt a sorainak.
2. A bejegyzés szerkesztésekor töltsd ki az elrendezések értékeit.
3. Készíts sablont az elrendezéshez: húzz bele egy **Címsor** widgetet a szöveges mezőhöz és egy **ACF Repeater** widgetet a repeaterhez.
4. Az egyedi bejegyzéssablonba tedd be az **ACF Flexible Content** widgetet, és az elrendezéshez rendeld hozzá az előbbi sablont.

![Az ACF Flexible Content widget beállításai](./kepek/egyedi-mezok-acf-flexible-panel.webp)

*Az ACF Flexible Content widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor)

A képen az elrendezéshez rendelt sablon beállítása látszik. A kimeneten az elrendezés repeaterének értékei is megjelennek.

![Az ACF Flexible Content kimenete a bejegyzésen](./kepek/egyedi-mezok-acf-flexible-kimenet.webp)

*Az ACF Flexible Content kimenete a bejegyzésen* (https://minta-bolt.hu/keramia-muhely/)

A widget beállításait az [ACF Flexible Content és ACF Frontend Form](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/egyedi-mezok-acf-flexible-es-urlap/) fejezet írja le.
