# Listing Grid widget

> A Listing Grid widget beállításai: általános beállítások, egyéni lekérdezés, régi lekérdezések, láthatóság és csúszka.

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](https://hub.hellowp.io/hu/plugins/jet-engine/listazas-kiemelt-lista/), [Több bejegyzéstípus egy listában](https://hub.hellowp.io/hu/plugins/jet-engine/bejegyzestipusok-tobb-tipus-egy-listaban/), [Listing Grid a Diviben](https://hub.hellowp.io/hu/plugins/jet-engine/bejegyzestipusok-divi-listing-grid/), [Listázás hónapokra bontása](https://hub.hellowp.io/hu/plugins/jet-engine/listazas-honapokra-bontas/), [Lapozás és Load More gomb](https://hub.hellowp.io/hu/plugins/jet-engine/listazas-lapozas-load-more/), [Listázási sablon a blokkszerkesztőben](https://hub.hellowp.io/hu/plugins/jet-engine/listazas-sablon-blokkszerkeszto/), [Sorszámozás a listában](https://hub.hellowp.io/hu/plugins/jet-engine/listazas-szamlalo-kiegeszito/).