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

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

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.

https://minta-bolt.hu/dl1-lista-ajax/

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

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

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