Listing Grid elem Bricksben

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 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.
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.

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.