Listing Grid widget

A Listing Grid a JetEngine widgetje, amely egyéni bejegyzéstípusok, egyéni tartalomtípusok, alap WordPress-bejegyzések és oldalak, kifejezések vagy felhasználók adatait jeleníti meg a listázási sablon szerint. Más bővítményekkel együtt WooCommerce-termékeket vagy JetAppointment szolgáltatásokat is képes listázni.

Elementorban a widgetet a keresőben megtalálod, és a helyére húzod. Mint minden Elementor-widgetnek, ennek is három beállítófülje van: Content (tartalom), Style (stílus) és Advanced (haladó). A tartalom fül General (általános) szakasza alapból nyitva van.

Általános beállítások

Beállítás	Mit csinál
Listing	A korábban létrehozott listázási sablon kiválasztása.
Wrapper Tags	Szemantikusabb HTML: Default (DIV>DIV), OL>LI vagy UL<LI. Harmadik féltől származó bővítményekkel való együttműködéshez kell (például változatminta-bővítmények).
Columns Number	Az oszlopok száma 1-től 10-ig, vagy Auto. Az Auto esetén megjelenik a Column Min Width: ez nem pontos szélesség, hanem a legkisebb szélesség, a tényleges oszlop kicsit szélesebb lesz, hogy kitöltse a tárolót. Az Auto nem fér össze a masonry elrendezéssel, ezért ilyenkor az Is masonry grid kapcsoló rejtve van.
Use as Archive Template	Az oldalt archívumsablonként használja. A bejegyzések száma a Beállítások → Olvasás oldal blogoldali értékéből jön.
Status	Melyik állapotú bejegyzések jelenjenek meg: Publish (közzétett), Future (időzített), Draft (vázlat), Pending Review (függőben), Private (privát), Inherent (a szülő állapotát örökli).
Use Random posts number	Minden oldalbetöltéskor véletlen számú elem látszik. A Posts number a legkisebb, a Max Random Posts number a legnagyobb darabszámot adja.
Not Found Message	A szöveg, amely akkor jelenik meg, ha nincs találat.
Lazy load	Az oldal gyorsabban rendereli magát, mert a rács tartalma csak görgetéskor töltődik be. Bekapcsolva a Lazy load offset pixelben állítható.
Is masonry grid	Masonry (téglafal) elrendezés.
Equal columns height	Az oszlopok magasságát egységesíti.
Load More	A megadott számú elem után a többit kérésre tölti be.
Use Custom Post Types	Két vagy több bejegyzéstípus megjelenítése egy rácsban.
Inject alternative listing items	Más listázási elemek beszúrása a rácsba. Csak a Beszúrások a Listing Gridbe modullal érhető el; az Add Item gombbal új beszúrást adhatsz hozzá.

Lazy load esetén: ha a Loader text és a Loader spinner sincs megadva, görgetés és betöltés közben az elemek áttetszővé válnak. Ha legalább az egyik be van állítva, nincs áttetszőség.

Load More beállításai

Bekapcsolt Load More esetén ezek jelennek meg:

• Load more type: a további elemek kattintásra vagy végtelen görgetéssel töltődnek be.
• Load more element ID: a gomb azonosítója. A gombnak külön widgetnek kell lennie az oldalon, a widget beállításai között megadott azonosítóval, és ugyanezt az azonosítót kell ide beírnod.
• Loader text: a betöltés közben látszó szöveg.
• Loader spinner: betöltési forgó jelzés a betöltés idejére.

Több bejegyzéstípus

A különböző típusok metamezőinek csak akkor lesz értéke a sablonban, ha a nevük megegyezik. A legjobb megoldás egy közös metabox létrehozása és mindkét típushoz rendelése.

Egyéni lekérdezés

A Custom Query szakaszban a Use custom query kapcsolóval a Lekérdezéskészítőben összeállított lekérdezést használhatod, amelyet a megjelenő listából választasz ki. Ez az ajánlott módszer.

A következő három lekérdezés (Posts, Terms, Users) régi (legacy) megoldás, helyettük az egyéni lekérdezést érdemes használni.

Régi lekérdezések

• Posts Query: bejegyzések bevonása vagy kizárása azonosító és haladó paraméterek szerint. Beállításai: Set advanced query parameters, Add Item, Meta query relation, Tax query relation.
• Terms Query: a megjelenő kifejezések meghatározása, nem csak a taxonómia összes kifejezése. Beállításai többek közt: Get terms of posts, Order By, Order, Include terms, Exclude terms, Offset, Parent, Child of, Meta Query.
• Users Query: a felhasználók listája (szerzők, szerkesztők, adminok stb.) szerepkör szerint, vagy azonosító alapján bevonva vagy kizárva.
• Appointments Query: csak JetAppointment mellett érhető el. A User (All, Current User, Specified User ID, Querified User), a Status (például Pending payment, On hold, Completed, Any status) és a Date mezővel szűri a foglalásokat.

Widget láthatóság

A Widget Visibility szakaszban beállíthatod, hogy a widget mindig látszik-e, vagy elrejtőzik, ha a lekérdezés eredménye üres.

Csúszka

Két kapcsoló van itt: Enable Slider és Enable Scroll Slider.

Az Enable Slider a következőket kapcsolja be:

• Slides to Scroll: hány elemet lép egy kattintásra.
• Show Arrows Navigation: nyilak a két oldalon, az Arrow Icon is választható.
• Show Dots Navigation: pontok a csúszka alján.
• Autoplay: automatikus lapozás; az Autoplay Speed állítja a sebességet.
• Infinite Loop: az utolsó elem után újra az első jön.
• Center Mode: a kiválasztott elem középen van, a szomszédok részben látszanak.
• Animation Speed: az animáció sebessége.

Az Enable Scroll Slider vízszintes görgetést ad a rácshoz, mobilon ujjal húzható, ezért lerövidíti az oldalt. Bekapcsolva ezek jelennek meg:

• Scroll Slider On: melyik eszközön legyen aktív (asztali, tablet, mobil).
• Static column width: az oszlopok állandó szélessége eszközönként.

További útmutatók

A rács használatát más fejezetek is mutatják: Kiemelt lista készítése, Több bejegyzéstípus egy listában, Listing Grid a Diviben, Listázás hónapokra bontása, Lapozás és Load More gomb, Listázási sablon a blokkszerkesztőben, Sorszámozás a listában.