Listázási sablon CCT-hez

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).
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.