JetEngine - Items number filter

Az Items number filter egy új szűrőtípust ad a JetSmartFilters-hez, az Items Number Switchert. Vele a JetEngine Listing Gridben megjelenő elemek száma függ a látogató képernyőjének szélességétől. Asztali gépen lehet például 6 elem oldalanként, mobilon 2.

A bővítmény a JetEngine-re és a JetSmartFilters-re épül, ezek nélkül nem működik. Szerzője a Crocoblock.

Mire jó

• Ha a listázás mobilon rövidebb legyen, mint asztalon, és ne kelljen végtelen görgetni.
• Ha eszközönként más oldalankénti elemszámot szeretnél, és az oszlopszám önmagában nem elég.
• Ha ugyanazt a Listing Gridet Elementorban, a blokkszerkesztőben vagy Bricksben építed, és mindhárom helyen kell ez a beállítás.
• Ha az elemszám egyedi töréspontokhoz kötődjön, ne csak a három alapeszközhöz.

Mit tud

Beállítás	Mire való
Posts number	Elementorban és Bricksben eszközönként (asztal, tablet, mobil) megadható elemszám
ITEMS NUMBER és BREAKPOINT	A blokkszerkesztőben ismételhető sor: ennyi elem ekkora szélességtől
This filter for	Melyik tartalmat szűri: Elementorban és Bricksben a JetEngine opció, blokkszerkesztőben a Listing Grid
Query ID	Az egyedi lekérdezés azonosítója, amelyhez a szűrő kapcsolódik
Additional Providers Enabled	Be kell kapcsolni, ha több widgetet is szűrnél vele

Az Elementor-widget, a blokk és a Bricks-elem neve egyaránt Items Number Switcher.

Mikor nem ez kell

• Csak JetEngine Listing Griddel működik, és a JetSmartFilters-nek is aktívnak kell lennie.
• Egyedi lekérdezés (Query Builder) kell hozzá: a Listing Gridnek a Use Custom Query kapcsolóval ezt a lekérdezést kell használnia.
• Csak az elemszámot állítja. Az oszlopszámot a Listing Grid saját beállításában kell eszközönként megadni.
• A Crocoblock útmutatója szerint az Elementor ingyenes változata elég hozzá.

Első lépések

1. Telepítsd és kapcsold be a bővítményt.
2. Hozz létre egy egyedi lekérdezést a JetEngine → Query Builder alatt, és adj neki Custom Query ID-t (kisbetű, szám, kötőjel vagy aláhúzás).
3. Tedd az oldalra az Items Number Switcher elemet, add meg az elemszámot eszközönként, és írd be a Query ID mezőbe a lekérdezés azonosítóját.
4. Tedd az oldalra a Listing Gridet, válaszd ki a Listinget, kapcsold be a Use Custom Query kapcsolót, és válaszd ki a lekérdezést.
5. A Listing Grid Advanced részén a CSS ID mezőbe írd be ugyanazt a Custom Query ID-t.
6. Mentsd az oldalt, és a böngésző fejlesztői eszközével próbáld ki a mobil és a tablet szélességet.

Megjegyzés

A Crocoblock útmutatója a bővítmény telepítését a JetEngine Modules → External Modules fülén írja le (Items Number Filter kapcsoló). Ha a bővítményt már fel tudod tenni a megszokott módon, ezt a lépést kihagyhatod.

Kapcsolódó bővítmények

• JetEngine
• JetSmartFilters

Hasznos linkek

• Dokumentáció: eltérő elemszám töréspontonként