Dinamikus értékek a widgetekben

A JetEngine ismétlő (repeater) metamezőinek tartalmát megjelenítheted a JetElements néhány widgetjében. Az alábbi példa egy túra (Tour) egyedi bejegyzéstípus képgalériáját mutatja a Diavetítés widgetben.

Követelmények

• Aktív JetElements és JetEngine.
• Az ingyenes Dynamic Data kiegészítő telepítve és aktiválva. Ez adja a widgetekhez a Dynamic Settings (dinamikus beállítások) részt.
• Az Elementor.

A dinamikus adatot ezek a widgetek támogatják: Haladó carousel, Képek elrendezése, Portfólió, Árlista, Diavetítés, Vélemények, valamint a Vízszintes és a Függőleges idővonal.

1. Metadoboz és ismétlőmező létrehozása

1. Nyisd meg a JetEngine → Meta Boxes oldalt, és kattints az Add New gombra.
2. A General blokkban add meg a metadoboz címét, és válaszd ki, hogy bejegyzéstípushoz vagy taxonómiához tartozik. Bejegyzéstípusnál add meg a konkrét típust (a példában a Tour).
3. A Meta Fields blokkban hozz létre egy mezőt (például galéria). Töltsd ki a Label és a Name/ID mezőt, és válaszd a Field típust, azon belül a Repeater mezőtípust.
4. Kattints a New Repeater Field gombra. Az új ismétlőmezőnél add meg a Label és a Name értékét, a Type listában válaszd a Media típust. A Value format üresen hagyva a képet azonosítóként (ID) tárolja.
5. Minden további ismétlőmezőhöz (például egy szöveges képleíráshoz) kattints újra a New Repeater Field gombra.
6. Kattints az Add Meta Box gombra.

2. Tartalom felvitele

Nyisd meg a bejegyzéstípus egy elemét szerkesztésre. A szerkesztőben megjelenik az új metadoboz az ismétlőmezővel. Adj hozzá annyi tételt, amennyit szeretnél (képeket, leírásokat), és frissítsd a bejegyzést.

3. Megjelenítés a widgetben

Kétféleképpen jelenítheted meg az adatot. Az egyszerűbb: megnyitod azt az oldalt, ahol a tartalom megjelenik, és ráhúzod a widgetet. A másik sablonnal működik, ezt mutatjuk itt.

1. Nyisd meg a Crocoblock → Theme Templates oldalt, és kattints az Add New gombra. Hozz létre egy Single (egyedi oldal) sablont az Elementorral, vagy szerkessz meglévőt az Edit with Elementor gombbal.
2. Húzz a sablonra egy, a dinamikus adatot támogató widgetet (például a Diavetítés widgetet).
3. A widget beállításainál nyisd le a Dynamic Settings részt, és kapcsold be az Enable dynamic data kapcsolót.
4. A Repeater field name mezőbe írd az ismétlőmező Name/ID értékét.
5. Az Image mezőbe a médiamező Name/ID értékét írd. A további mezőknél (például cím, leírás) szintén a megfelelő azonosítókat add meg, ha vannak ilyen mezőid.
6. Kattints a Frissítés gombra, és nézd meg a bejegyzést a nyilvános oldalon: a galéria képei a diavetítésben jelennek meg.