# JetEngine - Items number filter

> A JetEngine Listing Grid oldalankénti elemszámát a képernyő szélessége szerint állítja: asztalon 6, mobilon 2 elem. A JetSmartFilters szűrői közé teszi az Items Number Switchert.

Az Items number filter egy új szűrőtípust ad a JetSmartFilters-hez, az **Items Number Switcher**t. 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 Grid**et, 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](https://hub.hellowp.io/hu/plugins/jetengine/)
- [JetSmartFilters](https://hub.hellowp.io/hu/plugins/jetsmartfilters/)

## Hasznos linkek

- [Dokumentáció: eltérő elemszám töréspontonként](https://crocoblock.com/knowledge-base/jetengine/setting-different-number-of-posts-for-each-breakpoint/)