CCT-elemek űrlapja a felhasználói felületen

A frontend felhasználói felületen (például a fiókoldalon) a felhasználók létrehozhatnak és szerkeszthetnek CCT-elemeket. Az űrlap elhelyezhető a fiókoldalon, felugró ablakban és az elem egyedi oldalán.

Előfeltétel: Elementor vagy blokkszerkesztő; aktív JetEngine, létrehozott CCT-vel és beállított fiókoldallal; aktív JetFormBuilder. A felugró ablakhoz a JetPopup bővítmény is kell.

Űrlap CCT-elemek beszúrásához

1. Nyisd meg a JetEngine → Egyedi tartalomtípusok oldalt, és kattints a szükséges CCT Szerkesztés műveletére.
2. Ha a CCT-hez Dátum vagy Dátum és idő mezőt hoztál létre, kapcsold be a mező Mentés időbélyegként kapcsolóját.
3. Kattints a jobb oldali Űrlapok szakasz Új űrlap létrehozása gombjára. Megnyílik az automatikusan létrehozott űrlap szerkesztője, ahol szükség esetén átírhatod az űrlap címét.

Az űrlap mezői a CCT metamezőinek feliratát, nevét és típusát követik, például a szövegmezőből Text Field, a szövegdobozból Textarea Field, a médiamezőből Media Field, a dátum és idő mezőből Datetime Field lesz. Az űrlap tartalmaz egy Action Button mezőt is.

Ha az űrlapon Media Field blokk van, a blokk beállításai között, a Field fülön kapcsold be az Insert attachment kapcsolót, és a Field value értékét a CCT Média mezőjének értékformátumához igazítsd. Ha például a metamezőnél a Média azonosító formátumot választottad, az űrlapmezőnél az Attachment ID legyen. E beállítások nélkül a felhasználók nem tudnak fájlt feltölteni az űrlapon. Itt a felhasználói hozzáférést is megadhatod.

A JetForm fül Post Submit Actions részében alapból ott van az Insert/Update Custom Content Type Item művelet. A beállításait a ceruza ikonnal nyitod meg:

Beállítás	Mit csinál
Content Type	A CCT, amelynek elemei létrejönnek (alapból az imént létrehozott).
Item Status	Az elem állapota az űrlap elküldése után: Draft (vázlat) vagy Publish (közzétéve).
Fields Map	Az űrlapmezők és a CCT metamezőinek összerendelése.
Default Settings	A CCT alapmezőinek értékei.

Módosítás után kattints a Frissítés gombra, majd mentsd az űrlapot. Az űrlap a JetForm widgettel vagy blokkal bármelyik oldalra vagy sablonba beilleszthető.

Űrlap CCT-elemek szerkesztéséhez a fiókoldalon

A felhasználó a listából szerkesztheti az elemet egy űrlapon, amely az elem adatait előtölti.

Az űrlap

1. A JetFormBuilder → Forms oldalon duplikáld az előző űrlapot, és nevezd át.
2. Adj hozzá egy Hidden Field blokkot. A Field value legyen URL Query Variable, a kulcs pedig _post_id.
3. A JetForm → Post Submit Actions részben nyisd meg az Insert/Update Custom Content Type Item műveletet (ceruza ikon), és a Fields Map-ben rendeld a rejtett mezőt az Item ID (will update the item) értékhez. Kattints a Frissítés gombra.
4. A Preset fülön kapcsold be az Enable kapcsolót. A forrás a Custom Content Type, az elem azonosítóját az URL Query Variable adja _post_id változónévvel. Rendeld hozzá az összes CCT-mezőt az űrlapmezőkhöz, a rejtett mezőhöz az Item ID értéket.
5. Mentsd az űrlapot.

Almenü sablonja a fiókoldalon

1. Menj a JetEngine → Profile Builder oldalra, nyisd meg a Fiókoldal részt, és kattints az + Új aloldal gombra.
2. Add meg a címet és a slugot. Érdemes bekapcsolni a Hide from menu (elrejtés a menüből) kapcsolót, hogy az oldal csak átirányítással legyen elérhető.
3. A sablonhivatkozás alatt kattints a + Create New Template hivatkozásra. Add meg a sablon nevét és típusát (Listing Item vagy Elementor Template); Listing Item esetén a nézetet is (Elementor vagy Blocks (Gutenberg)).
4. A Create Template gomb után megnyílik a sablon szerkesztője egy új lapon. Tegyél bele JetForm widgetet vagy blokkot, válaszd ki az űrlapot, és tedd közzé.

Listázási sablon a szerkesztő hivatkozásával

1. A JetEngine → Listázások/komponensek oldalon kattints az Új elem hozzáadása gombra.
2. A forrás az Egyedi tartalomtípus, válaszd ki a CCT-t, add meg a nevet és a nézetet, és hozd létre.
3. Tegyél bele dinamikus widgeteket az adatok kiírásához (lásd: Listázási sablon CCT-hez).
4. Helyezz el egy Dynamic Link widgetet, a Source legyen Profile Page, és válaszd ki az imént létrehozott aloldalt.
5. Kapcsold be az Add Query Arguments kapcsolót, és a megjelenő szövegmezőbe írd:

_post_id=%current_id%

6. Tedd közzé a listázási elemet.

A lista elhelyezése a fiókoldalon

1. A JetEngine → Profile Builder → Fiókoldal részben vegyél fel egy új aloldalt (cím és slug), és hozz létre hozzá sablont.
2. Tegyél a sablonba Listing Grid widgetet az előbbi listázással, és tedd közzé.

Ellenőrzés

A frontenden nyisd meg a fiókoldal listás aloldalát, és kattints a Szerkesztés gombra. Az átirányítás után a szerkesztőűrlap az elem adataival előre kitöltve jelenik meg.

Űrlap CCT-elemek szerkesztéséhez felugró ablakban

Ehhez a JetPopup bővítmény kell.

Az űrlap

1. Hozz létre új űrlapot, vagy duplikáld az első, elembeszúró űrlapot, és nevezd át.
2. Tegyél bele egy Hidden Field mezőt, a Field value maradjon üresen.
3. A Block settings fülön, a Default value mezőnél kattints az adatbázis ikonra. A Source legyen Custom Content Type, a Get Item ID From a Current post, a CCT value pedig az Item ID. Kattints a Frissítés gombra.
4. Az Insert/Update Custom Content Type művelet szerkesztőablakában a Fields Map-ben rendeld a rejtett mezőt az Item ID (will update the item) értékhez, és frissítsd.
5. A JetForm szakasz Preset fülén kapcsold be az Enable kapcsolót, a forrás Custom Content Type, az azonosítót a Current post adja. Rendeld hozzá a CCT metamezőit az űrlapmezőkhöz, és mentsd.

A felugró ablak

1. Hozz létre dinamikus felugró ablakot, és tedd bele a JetForm widgetet az űrlappal.
2. A fogaskerék ikonnal nyisd meg a felugró ablak beállításait. A Settings fülön kapcsold be a Loading content with Ajax és a Force Loading beállítást, és tedd közzé.

A listázási sablon

1. Nyisd meg a CCT listázási sablonját, és adj hozzá egy Button widgetet (az Elementoré vagy a JetElementsé).
2. A widget Advanced fülén nyisd ki a JetPopup részt. Az Attached Popup listában válaszd ki a felugró ablakot, a Trigger Type legyen Click On Widget, és kapcsold be a Jet Engine Listing popup kapcsolót.
3. Mentsd a sablont, és tedd a Listing Grid widgetet a kívánt oldalra (például a fiókoldalra).

A frontenden a Szerkesztés gomb megnyitja a felugró ablakot az előre kitöltött űrlappal.

Űrlap CCT-elem szerkesztéséhez az egyedi oldalon

Az egyedi oldalhoz használhatod a felugró ablak űrlapját, vagy hasonló beállításokkal újat is létrehozhatsz. Nyisd meg a CCT egyedi oldalának sablonját (lásd: Egyedi oldal sablonja CCT-hez), tegyél bele JetForm elemet, válaszd ki az űrlapot, és mentsd. A frontenden az egyedi oldalon az űrlap előre ki van töltve, a módosított adatokkal elküldheted.