# Listing Grid elem Bricksben

> Egyéni bejegyzések megjelenítése a Bricks Listing Grid elemével: előkészítés, általános beállítások, egyéni lekérdezés, láthatóság és csúszkák.

A Bricks egy WordPress-téma, amellyel vizuálisan építhetsz oldalakat. A JetEngine **Listing Grid** elemével bejegyzéseket, kifejezéseket, felhasználókat, termékeket és más elemeket jeleníthetsz meg listaként. Előfeltétel a telepített és aktív Bricks téma és az aktív JetEngine. A listázási sablon Bricksben való elkészítését a [Listázási sablon Bricksben](https://hub.hellowp.io/hu/plugins/jet-engine/listazas-bricks-sablon/) fejezet írja le.

## Előkészítés

1. Nyisd meg a **Bricks → Beállítások** oldalt, a **Post Types** (bejegyzéstípusok) részen kapcsold be a **Pages** (oldalak) kapcsolót, és kattints a **Save Changes** gombra.
2. Az **Oldalak** menüben kattints a korábban létrehozott oldalon az **Edit with Bricks** hivatkozásra.
3. Adj hozzá egy új szakaszt (Section), és húzd bele a **Listing Grid** elemet.

## Általános beállítások

A **Listing Grid** elem **Content** fülén az **General** szakaszban válaszd ki a Bricksben létrehozott listázási sablont a **Listing** mezőben. A további beállítások:

| Beállítás | Mit csinál |
|---|---|
| **Columns** | Az oszlopok száma a listában. |
| **Use as Archive Template** | Az oldalt archívumsablonként használja. Az elemek száma ilyenkor a **Beállítások → Olvasás** oldal blogoldali értékéből jön. |
| **Status** | Csak a kiválasztott állapotú elemek látszanak: **Publish** (közzétett), **Future** (időzített), **Draft** (vázlat), **Pending Review** (felülvizsgálatra vár), **Private** (privát, csak te látod). |
| **Use Random posts number** | Minden oldalfrissítéskor véletlen számú elem látszik. A **Post number** mező a legkisebb, a **Max Random Posts number** a legnagyobb darabszám. |
| **Post number** | A listában megjelenő elemek száma. |
| **Lazy load** | Gyorsítja az oldal megjelenítését: a rács görgetés közben töltődik be, nem az oldal megnyitásakor. |
| **Is masonry grid** | A lista téglafal-elrendezésben jelenik meg. |
| **Equal columns height** | Az oszlopok magasságát egységesíti. |
| **Load More** | A rács a megadott számú elemet mutatja, a többit kérésre tölti be. Lásd: [Lapozás és Load More gomb](https://hub.hellowp.io/hu/plugins/jet-engine/listazas-lapozas-load-more/). |
| **Use Custom Post Types** | Két vagy több bejegyzéstípus elemeit jeleníti meg egy rácsban. |

## Beszúrások a Listing Gridbe

Az **Inject alternative listing items** beállítással egy rácsban több listázási elemet használhatsz. Részletek: [Másik listázási sablon beszúrása a Listing Gridbe](https://hub.hellowp.io/hu/plugins/jet-engine/listazas-beszurasok/).

## Egyéni lekérdezés

A Lekérdezéskészítő segítségével csak azok az elemek jelennek meg, amelyek megfelelnek a megadott feltételeknek. Bejegyzésekhez, kifejezésekhez, felhasználókhoz és más adatokhoz is készíthetsz lekérdezést, és a **Custom Query** fülön alkalmazhatod a rácsra.

## Widget láthatóság

A **Widget Visibility** szakaszban megadhatod, hogy az elem mindig látszik-e, vagy eltűnik, ha a lekérdezés üres.

## Csúszka

A szakaszban két kapcsoló van: **Enable Slider** és **Enable Scroll Slider**.

Az **Enable Slider** kapcsolóval ezek a beállítások nyílnak meg:

- **Slides to Scroll**: hány elemet lép egy kattintásra.
- **Show Arrows Navigation**: nyilak a dia két oldalán; az **Arrow Icon** is kiválasztható.
- **Show Dots Navigation**: pontok a csúszka alján.
- **Autoplay** és **Autoplay Speed**: automatikus léptetés és sebessége.
- **Infinite Loop**: az utolsó után újra az első következik.
- **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 rövidebb lesz az oldal. A **Scroll Slider On** adja meg, melyik eszközön legyen aktív (**Desktop**, **Tablet** vagy **Mobile**). A **Static column width** eszközönként állandó szélességet ad az oszlopoknak.

## Az eredmény a frontenden

Ha elkészültél, kattints a **Save** gombra. Az eredményt a **Preview Mode** gombbal nézheted meg a szerkesztőben. A **View on frontend** gomb új böngészőlapon nyitja meg az oldalt; a **Back to builder** gombbal térhetsz vissza a szerkesztőbe.