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

> Űrlapok CCT-elemek beszúrásához és szerkesztéséhez a fiókoldalon, felugró ablakban és egyedi oldalon.

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](https://hub.hellowp.io/hu/plugins/jet-engine/cct-listing-sablon/)).
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](https://hub.hellowp.io/hu/plugins/jet-engine/cct-single-sablon/)), 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.