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

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 fejezetben olvashatsz.