# Ikon az ismétlő mezőből a Dynamic Data kiegészítővel

> Egyéni ikon beállítása a JetElements és JetTabs widgetekben (Tabs, Classic Accordion, Slider stb.) az ismétlő mező ikonválasztó almezőjéből.

A JetElements vagy a JetTabs bővítmény widgetjeiben (például **Tabs**, **Classic Accordion**, **Slider**) az ikont közvetlenül az **Ismétlő** metamező **Ikonválasztó** (Iconpicker) mezőjéből is megadhatod.

## Követelmények

- az ingyenes Elementor;
- az aktív JetEngine, egyedi bejegyzéstípussal vagy metaboxszal;
- a JetThemeCore aktív, az egyedi bejegyzéstípushoz készült egyedi bejegyzéssablonnal;
- a JetElements vagy a JetTabs bővítmény aktív;
- az ingyenes **Dynamic data** kiegészítő telepítve és aktiválva.

## Az ikonválasztó mező az ismétlőben

1. Nyisd meg a **JetEngine → Metaboxok** vagy a **JetEngine → Bejegyzéstípusok** oldalt, attól függően, hová kerül az ismétlő metamező. A példában a „Népszerű túrák” egyedi bejegyzéstípushoz adjuk.
2. Vegyél fel **Ismétlő** metamezőt. A **Címke** mezőbe a példában a „Days” (napok) került, és a **Név** mező automatikusan a „days” értéket kapta.
3. Az ismétlőbe két **Szöveg** és két **Ikonválasztó** mező kerül: az „Active Icon” az aktív (kinyitott) widgetelemhez, az „Icon” a lehajtott elemhez.
4. Kattints a **Bejegyzéstípus frissítése** gombra.

## Az ikonok kiválasztása

Nyisd meg a kívánt egyedi bejegyzést, görgess a metaboxhoz, és keresd meg az **Ismétlő** metamezőt. Az ismétlő minden tételéhez add meg az ikonokat, majd frissítsd a bejegyzést. A példában a „Népszerű túrák” egyik bejegyzésénél töltöttük ki a „Day” és a „Description” mezőt, és választottuk ki az „Active icon” és az „Icon” ikonjait.

## A widget elhelyezése

1. Nyisd meg az egyedi bejegyzéstípus egyedi bejegyzéssablonját, és szabd testre az oldalt.
2. Keresd meg a **Classic Accordion** (vagy más, a Dynamic data kiegészítőt támogató) widgetet, és tedd az oldalra. Nyisd meg a **Dynamic Settings** fület.
3. Kapcsold be az **Enable dynamic data** kapcsolót, majd töltsd ki az új mezőket:
   - a **Source** listában maradjon a **Post Meta**; a **Repeater field name** mezőbe írd az ismétlő metamező nevét (a példában `days`);
   - ha két ikonod van (az egyik az aktív, a másik a lehajtott elemhez), az **Active (yes or empty string)** mezőbe írd: `yes`, egyébként hagyd üresen;
   - az **Icon** és az **Active Icon** mezőbe írd be az ikonmezők neveit (a példában `icon`, illetve `active-icon`).
4. A **Label** mezőbe az ismétlő „Day” mezőjének nevét írd (`day`).
5. A **Content type (editor or template)** mezőbe írd: `editor`. Az **Editor Content** mezőbe pedig annak a metamezőnek a nevét, amely az aktív widgetelemben megjelenő adatot tartalmazza (a példában `description`).
6. Kattints a **Publish** gombra.
7. Nézd meg a frontenden, hogy a widget helyesen működik-e.

**Tudnivaló:** az **Icon** és az **Active Icon** mezőt üresen hagyhatod, ha nem akarsz ikont a widgetben. Használhatsz makrót is az egyedi ikonok megjelenítésére: írd be az `iconpicker_field|render_fa_icon` szöveget, ahol az `iconpicker_field` az **Ikonválasztó** mező neve. Ha az első ikonválasztó mező neve „icon”, a beírandó érték: `icon|render_fa_icon`.

Az ikonválasztó mező más megjelenítési módjáról az [Ikon megjelenítése a Dynamic Fielddel](https://hub.hellowp.io/hu/plugins/jet-engine/dinamikus-tartalom-ikon-megjelenitese/) fejezetben olvashatsz.