# Dinamikus listázás: AJAX szűrő és megosztható, szűrt webcím

> A Dinamikus listázás widget kategória- és címkeszűrője AJAX móddal: oldalfrissítés nélküli szűrés, és a szűrt nézet megosztása webcímmel.

A **Dinamikus listázás** widget bejegyzések, termékek vagy más bejegyzéstípusok listáját mutatja, és fölé kategória- vagy címkeszűrő tehető. Alapból a szűrő minden gombnyomásnál újratölti az egész oldalt, ami hosszú oldalon lassúnak hat. A **Szűrő típusa** mezőt **AJAX**-ra állítva viszont csak a kártyák cserélődnek ki, az oldal nem. Az AJAX mód azt is lehetővé teszi, hogy a szűrt nézet webcímmel megosztható legyen.

A widget Pro: a Pro bővítménnyel és aktivált licenccel érhető el, az ingyenes bővítményben nem jelenik meg. Az Elementoron kívül a **The Plus Addons → Widgets** oldalon a **Dinamikus listázás** kapcsolóját is be kell kapcsolni.

## AJAX szűrő

1. Add az oldalra a **Dinamikus listázás** widgetet.
2. Nyisd meg a **Kategória szerinti szűrés** szakaszt, és kapcsold be a **Kategória szerinti szűrés** kapcsolót.
3. A **Szűrő típusa** mezőben válaszd az **AJAX** értéket (a másik lehetőség a **Normál**).

![A Kategória szerinti szűrés szakasz AJAX szűrő típussal](./kepek/dinamikus-listak-lista-panel-szuro.webp)

*A Kategória szerinti szűrés szakasz AJAX szűrő típussal* (https://minta-bolt.hu/wp-admin/post.php?post=204&action=elementor)

A képen a **Szűrő típusa** mező **AJAX** értéken áll. Alatta a **Keresés típusa** (alapérték: Slug), az **Összes szűrő** kapcsoló a „Mind” gombfelirattal és a gombok stílusmezői látszanak.

A közzétett oldalon a szűrőgombra kattintva rövid betöltési állapot jelenik meg, majd a rács tartalma az oldal újratöltése és az oldal görgetési helyének ugrása nélkül cserélődik.

![A lista az AJAX szűrő előtt, a Mind gomb kijelölve](./kepek/dinamikus-listak-lista-ajax-osszes.webp)

*A lista az AJAX szűrő előtt, a Mind gomb kijelölve* (https://minta-bolt.hu/dl1-lista-ajax/)

A képen a „Mind” gomb aktív, és a rács az összes bejegyzést mutatja.

![A lista az AJAX szűrő használata után, a Tippek gomb kijelölve](./kepek/dinamikus-listak-lista-ajax-szurt.webp)

*A lista az AJAX szűrő használata után, a Tippek gomb kijelölve* (https://minta-bolt.hu/dl1-lista-ajax/?wish_filter_3ce193b=tippek&loadmore_3ce193b=0)

A képen a „Tippek” gomb aktív (aláhúzott), és a rácsban már csak az ehhez a kategóriához tartozó bejegyzések látszanak.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Szűrő típusa** | **Normál**: újratöltéssel szűr. **AJAX**: az oldalon belül szűr | Normál |
| **Szűrés szerint** | Kategória vagy címke szerint szűr (bejegyzéseknél) | Kategória |
| **Keresés típusa** | A webcímben a kategória azonosítója (ID) vagy a slugja szerepel | Slug |

A **Normál** szűrő csak az oldalon éppen látható elemeket szűri. Ha az összes elem között akarsz szűrni, használd az **AJAX** értéket. A szűrő további beállításait a [Kategória szerinti szűrő](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/bejegyzes-termek-listak-szuro/) fejezet részletezi.

## Megosztható webcím a szűrt listához

Aki kategóriára szűri a listát, a böngésző címsorában alapból nem látja a szűrést, ezért ha kimásolja a webcímet, az oldalt szűrés nélkül kapja meg. AJAX szűrőtípusnál a kiválasztott kategória bekerül a webcímbe, így a szűrt nézet könyvjelzőzhető és megosztható.

1. Add az oldalra a **Dinamikus listázás** widgetet, és kapcsold be a **Kategória szerinti szűrés** kapcsolót.
2. A **Szűrő típusa** mezőben válaszd az **AJAX** értéket.
3. Nyisd meg az **Extra opciók** szakaszt, és kapcsold be az **URL engedélyezése** kapcsolót.

![Az Extra opciók szakasz alja az URL engedélyezése kapcsolóval](./kepek/dinamikus-listak-lista-panel-url.webp)

*Az Extra opciók szakasz alja az URL engedélyezése kapcsolóval* (https://minta-bolt.hu/wp-admin/post.php?post=204&action=elementor)

A képen az **Extra opciók** szakasz látszik, alján az **URL engedélyezése** kapcsolóval. A kapcsoló csak akkor jelenik meg, ha az AJAX szűrő be van kapcsolva, vagy a **További bejegyzésopciók** szakaszban a betöltési opció a **Továbbiak betöltése**.

Ha a látogató a közzétett oldalon egy kategóriagombra kattint, a webcím kiegészül a választott kategóriával az oldal újratöltése nélkül. Ha ezt a webcímet másolják ki és nyitják meg újra, ugyanaz a szűrt nézet jelenik meg. A kipróbált példában a „Tippek” gomb után a webcím így alakult: az oldal címéhez a `?wish_filter_<azonosító>=tippek&loadmore_<azonosító>=0` kiegészítés került, ahol az `<azonosító>` a widget saját azonosítója.

A **Keresés típusa** mező dönti el, hogy a webcímben a kategória slugja (alapérték) vagy az azonosítója (ID) áll.

### Megosztható webcím a Továbbiak betöltése gombbal

Ugyanez a **Továbbiak betöltése** opciónál is működik. Ha a látogató a gombra többször rákattint, majd kimásolja az oldal webcímét, alapból a címzett csak az első adagot látja. Az **URL engedélyezése** kapcsolóval a webcím tárolja, hány adag töltődött be, így a megosztott link ugyanott nyílik meg.

1. A **További bejegyzésopciók** szakaszban állítsd a **További bejegyzésbetöltési opciók** mezőt **Továbbiak betöltése** értékre.
2. Az **Extra opciók** szakaszban kapcsold be az **URL engedélyezése** kapcsolót.

Minden kattintás a helyén tölti be a következő adagot oldalfrissítés nélkül (például 4 elemről 8-ra). Hány elemet tölt be egy kattintás, azt a **További bejegyzések kattintásra/görgetésre** mező adja meg, az alapértéke 4.

A megosztható webcímek általános működését, a Továbbiak betöltése gombra vonatkozó változatot és a korlátozásokat az [URL megosztása](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/bejegyzes-termek-listak-url-megosztas/) fejezet írja le.

## Hibaelhárítás

- **Hiányzik az URL engedélyezése kapcsoló.** Állítsd a **Szűrő típusa** mezőt **AJAX**-ra, vagy a betöltési opciót **Továbbiak betöltése** értékre.
- **A lista nem szűrődik az összes elemre.** Normál szűrőnél csak az oldalon lévő elemek között keres. Állítsd át **AJAX**-ra.
- **Karusszelnél nincs URL engedélyezése.** A kapcsoló karusszel elrendezésnél nem jelenik meg.