# Egyedi tételoldal a bejegyzéstípus-alapú foglaláshoz

> Egyedi egyoldalas sablon a JetThemeCore és a JetEngine elemeivel: adatmezők, galéria, foglalási űrlap felugró ablakban és kapcsolódó tételek lekérdezése.

Egyszerű módban (bejegyzéstípus-alapú foglalás) a foglalható tétel oldalát saját sablonnal alakíthatod ki. A sablon megjeleníti a tétel részletes adatait és a foglalási űrlapot. Szükséges: Elementor, JetBooking, JetEngine és JetThemeCore.

## A sablon létrehozása

1. Nyisd meg a **Crocoblock → Theme Builder** oldalt, görgess az „… Single” sorhoz (a foglalási példányok bejegyzéstípusáé), és kattints a plusz ikonra.
2. A megjelenő ablakban add meg a feltételeket: az első listában „Include”, a másodikban „Singular”, a harmadikban a bejegyzéstípus, a **Select** mezőben pedig „All”.
3. Kattints a **Create** gombra.
4. Írd be a sablon nevét, kattints az **Overwrite theme body** melletti „+” ikonra, és válaszd a **Create Template** lehetőséget. (Ha van könyvtárból való sablonod, azt is választhatod.)
5. Add meg a tartalom típusát („Elementor”) és a sablon nevét, majd kattints a **Create** gombra.

## A tétel adatainak kiírása

Az Elementor szerkesztőben a JetEngine elemeivel írhatod ki a dinamikus tartalmat.

| Mit jelenítesz meg | Elem és beállítás |
|---|---|
| Cím | **Dynamic Field**, **Source**: „Post/Term/User/Object”, mező: „Title” |
| Egyéni mező | **Dynamic Field**, **Source**: „Meta Data”, a mezőt a listából választod; a **Customize field output** kapcsolóval fix szöveget fűzhetsz hozzá (a `%s` a mező értéke) |
| Mező szövegként | **Headline**, **Heading** vagy **Text Editor** elem a **Dynamic Tag** ikonnal |
| Kiemelt kép | **Dynamic Image**, alapból a kiemelt kép; egyéni képmezőt a **Source** listából választhatsz |
| Galéria mező | **Gallery Slider** elem, **Source**: „Manual Select”, a galériamezőt a **Dynamic Tag** ikonnal adod meg |
| Kiegészítő információk (például a jobb oldali dobozban) | **Icon Box** elemek |

## A foglalási űrlap

Az űrlapot a **JetForm** elemmel teheted a sablonba: add hozzá, és a **Choose Form** mezőben válaszd ki a foglalási űrlapot ([Foglalási űrlap](https://hub.hellowp.io/hu/plugins/jet-booking/foglalasi-urlap/)).

### Űrlap felugró ablakban

Ha az űrlapot gombnyomásra felugró ablakban szeretnéd megjeleníteni:

1. Előbb tedd közzé a sablont, hogy a beállításaid ne vesszenek el, és készítsd el az űrlapot.
2. Nyisd meg a **JetPopup → All Popups** oldalt, kattints a **Create New Popup** gombra, válaszd ki a tartalom típusát, add meg a nevet, és válassz előbeállítást. Kattints a **Create** gombra.
3. Az Elementor szerkesztőben add hozzá a **JetForm** elemet, és válaszd ki az űrlapot. Tedd közzé.
4. Állítsd be a felugró ablak megjelenítési feltételeit, és kattints a **Save Conditions** gombra. Feltételek nélkül az ablak nem jelenik meg a frontenden.
5. A sablonban nyisd meg a **Button** elem beállításait. A **Haladó** fülön, a **JetPopup** szakaszban válaszd ki az **Attached Popup** értékét, a **Trigger Type** legyen „Click on Widget”.

## Kapcsolódó tételek

A sablon aljára kapcsolódó tételek listáját is kiteheted. Ehhez három dolog kell.

1. **Listázási sablon** a bejegyzéstípushoz, a [Foglalási példányok megjelenítése rácsban](https://hub.hellowp.io/hu/plugins/jet-booking/megjelenites-foglalasi-peldanyok-racsban/) fejezet szerint, a tételek rövid adataival.
2. **Egyéni lekérdezés:** a **JetEngine → Lekérdezéskészítő** oldalon kattints az **Új hozzáadása** gombra, add meg a nevet, a **Lekérdezés típusa** legyen „Bejegyzések lekérdezése”. Az **Általános** fülön válaszd ki a bejegyzéstípust, a **Tax Query** fülön pedig állítsd be, hogy az aktuális oldal kifejezéseivel azonos kifejezésű bejegyzéseket kérje le (ehhez a JetEngine makróit használhatod). Mentsd a lekérdezést.
3. **Listing Grid** elem a sablonban: válaszd ki a listázási sablont, nyisd meg a **Custom Query** fület, kapcsold be a kapcsolót, és válaszd ki a lekérdezést.

## Az eredmény

Tedd közzé a sablont, és nyiss meg egy tételoldalt a frontenden: rajta az egyedi sablon jelenik meg.