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
Szekció neve “A sablon létrehozása”- 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.
- 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”.
- Kattints a Create gombra.
- Í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.)
- 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
Szekció neve “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
Szekció neve “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).
Űrlap felugró ablakban
Szekció neve “Űrlap felugró ablakban”Ha az űrlapot gombnyomásra felugró ablakban szeretnéd megjeleníteni:
- Előbb tedd közzé a sablont, hogy a beállításaid ne vesszenek el, és készítsd el az űrlapot.
- 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.
- Az Elementor szerkesztőben add hozzá a JetForm elemet, és válaszd ki az űrlapot. Tedd közzé.
- Á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.
- 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
Szekció neve “Kapcsolódó tételek”A sablon aljára kapcsolódó tételek listáját is kiteheted. Ehhez három dolog kell.
- Listázási sablon a bejegyzéstípushoz, a Foglalási példányok megjelenítése rácsban fejezet szerint, a tételek rövid adataival.
- 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.
- 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
Szekció neve “Az eredmény”Tedd közzé a sablont, és nyiss meg egy tételoldalt a frontenden: rajta az egyedi sablon jelenik meg.
Készült: