# Listázási sablon CCT-hez

> Listázási sablon készítése egyéni tartalomtípushoz, a mezők kiírása dinamikus widgetekkel és rövidkódokkal, és a megjelenítés a Listing Gridben.

A listázási sablon azt határozza meg, hogyan néz ki egyetlen elem egy rácsban. Ez a fejezet azt mutatja be, hogyan készíthetsz sablont egy egyéni tartalomtípushoz (CCT), és hogyan jelenítheted meg a **Listing Grid** widgetben. A példa az Elementort használja (az ingyenes változat elég), de a sablon blokkszerkesztőben és Bricksben is elkészíthető.

## Előkészítés

1. Nyisd meg a **JetEngine → Egyedi tartalomtípusok** oldalt, és győződj meg róla, hogy van CCT. Ha nincs, hozz létre egyet (lásd: [Egyéni tartalomtípusok áttekintése](https://hub.hellowp.io/hu/plugins/jet-engine/cct-attekintes/)).
2. Vedd fel a kiírni kívánt mezőket a CCT-ben, és kattints a frissítés gombra.
3. Töltsd ki ezeket a mezőket legalább egy CCT-elemben, hogy legyen mit megjeleníteni, és mentsd az elemet.

## A listázási sablon létrehozása

1. Menj a **JetEngine → Listázások/komponensek** oldalra, és kattints az **Új hozzáadása** gombra.
2. A listázás forrásának válaszd az **Egyedi tartalomtípus** értéket, és jelöld ki a tartalomtípust.
3. Add meg a listázási elem nevét, majd kattints a létrehozás gombra. Megnyílik a szerkesztő.
4. Húzz be egy **Dynamic Field** widgetet. A **Forrás** maradjon **Post/Term/User/Object Data** (bejegyzés, kifejezés, felhasználó vagy objektum adata). Az objektummező listájában megjelennek a kiválasztott CCT mezői.
5. Minden kiírandó mezőhöz tegyél be egy külön **Dynamic Field** widgetet.
6. Ha minden mező a helyén van, kattints a **Frissítés** gombra.

### Visszahívás (callback) a mezőkhöz

Néhány mező értékéhez visszahívás kell, hogy a megjelenített tartalom érthető legyen:

- Egy **Média** mező, amely a képet azonosító (ID) alapján tárolja, a **Get Image by ID** visszahívással jelenít meg képet az azonosító száma helyett.
- Egy hivatkozást tartalmazó mező a **Mezőkimenet testreszabása** opcióval írható ki: a formátumba az `<a>` HTML-címkét beírva kattintható link lesz.

### Több mező egy widgetben (rövidkód)

Ha több mező értékét kell összefűznöd egy widgetben, használj rövidkódokat. Egy widgetben több rövidkód is lehet.

1. Nyisd meg a **JetEngine → JetEngine** oldalt, és lépj a **Shortcode-generátor** fülre. A beállításai megegyeznek a **Dynamic Field** widgetével: válaszd ki a forrást és az objektummezőt.
2. A **Tétel szerzője** mező értéke a felhasználó azonosítója. Kapcsold be a mezőkimenet szűrését, és alkalmazd a **Get User data by ID** visszahívást, hogy az azonosító helyett a megjelenő név látsszon.
3. Másold ki az oldal alján előállított rövidkódot.
4. Ugyanígy készíts rövidkódot a **Létrehozás dátuma** mezőhöz is.
5. Egy **Text Editor** widgetbe illeszd be mindkét rövidkódot, és írd mellé a szükséges szöveget.

## Az eredmény ellenőrzése

1. Nyiss meg egy oldalt vagy sablont az Elementorban, és add hozzá a **Listing Grid** widgetet.
2. Válaszd ki az imént létrehozott CCT-listázást, szükség szerint állítsd a többi beállítást, és mentsd a sablont.
3. Nyisd meg az oldalt a frontenden: a rács a CCT-elemeket a dinamikus widgetekkel és rövidkódokkal beállított mezőkkel mutatja.

A **Listing Grid** beállításairól a listázásról szóló fejezetek írnak részletesen.