Kategória szerinti szűrő a termék- és bejegyzéslistán

A Woo terméklista és a Blog/bejegyzések listája widget a lista fölé kategóriagombokat tud tenni. A látogató egy kattintással a számára érdekes témára szűkítheti a listát, az oldal újratöltése nélkül. A gombokat a webhely meglévő kategóriáiból építi a widget, külön bővítmény vagy kód nem kell. A szűrő Pro funkció, és a The Plus Addons → Widgets oldalon be kell kapcsolni a widgetet.

Termékek szűrése kategória szerint

Szükséges: aktív WooCommerce, kategóriákba sorolt termékekkel. Az üres kategóriából nem lesz gomb.

1. lépés: a widget és az elrendezés

Húzd az oldalra a Woo terméklista widgetet. A Tartalom elrendezése szakaszban a Terméklista-típusok maradjon Normál oldal, az elrendezés pedig rács, masonry vagy metro legyen. A szűrő a Normál oldal és a Keresési lista típusnál érhető el, karusszelnél nem.

2. lépés: a szűrő bekapcsolása

Nyisd meg a Kategória szerinti szűrés szakaszt, és kapcsold be a Kategória szerinti szűrés kapcsolót. A Válassz osztályozást (taxonomy) mezőben hagyd a product_cat értéket a termékkategóriák szerinti szűréshez. Ha termékcímke szerint akarsz szűrni, válaszd a product_tag értéket, vagy a webhelyed másik termékosztályozását.

https://minta-bolt.hu/wp-admin/post.php?post=163&action=elementor

A képen a szakasz összes mezője látszik: a taxonómia, a szűrő típusa, a keresés típusa, az Összes szűrő, a gombfelirat és a két stílusválasztó.

3. lépés: Normál vagy AJAX szűrés

A Szűrő típusa mezőben két érték közül választhatsz:

• Normál (alapérték): csak azokat a termékeket szűri, amelyek már az oldalon vannak.
• AJAX: a teljes termékkínálatból kéri le a megfelelő termékeket.

Ha a Megjelenített bejegyzések maximális száma kisebb, mint a termékek száma, a Normál szűrő üresnek mutathat egy kategóriát, mert annak termékei nincsenek az első oldalon. Ilyenkor használd az AJAX értéket.

Példa: nyolc termék van, a maximum pedig öt. A Normál szűrő az oldalon lévő öt terméken belül keres, ezért egy olyan kategóriára kattintva, amelynek termékei nem az első ötben vannak, kevesebbet vagy semmit nem mutat. Az AJAX mind a nyolc termékből keres, és lekéri a hiányzókat. Ha minden termék már az oldalon van, a két típus ugyanúgy viselkedik. Az AJAX sem mutat többet a megjelenített maximumnál.

https://minta-bolt.hu/wp-admin/post.php?post=179&action=elementor

A képen a Szűrő típusa mező AJAX értéken áll. Az AJAX szűrő kategóriaszűrőjét megosztható hivatkozásként is használhatod.

4. lépés: az Összes gomb és a kinézet

• Összes szűrő: alapból be van kapcsolva, és egy gombot ad, amely újra az összes terméket mutatja.
• Az összes szűrőkategória szövege: a gomb felirata (alapérték: Mind).
• Kategóriaszűrő stílusa és Szűrőstílus rámutatáskor: négy-négy előre elkészített stílus (a legördülőben Style 1 és Style 4 között), a normál és az egérrel rámutatásos állapothoz.
• Szűrés illesztése: balra, középre vagy jobbra igazítja a gombokat (alapérték: középre).
• Keresés típusa: a szűrő a kategória ID-ját vagy Slugját használja (alapérték: Slug).

A gombok színét, tipográfiáját és távolságát a Stílus fül kategóriaszűrő szakasza állítja.

https://minta-bolt.hu/bt1-szuro/

A képen a Mind gomb mellett a három kategória gombja áll, a Mind gomb sarkában a termékek száma látszik.

Beállítások összefoglalása

Beállítás	Értékek	Alapérték
Kategória szerinti szűrés	Megjelenítés / Elrejtés	Elrejtés
Válassz osztályozást (taxonomy)	product_cat, product_tag és a termékek más osztályozásai	product_cat
Szűrő típusa	Normál, AJAX	Normál
Keresés típusa	ID, Slug	Slug
Összes szűrő	Megjelenítés / Elrejtés	Megjelenítés
Az összes szűrőkategória szövege	szabad szöveg	Mind
Kategóriaszűrő stílusa, Szűrőstílus rámutatáskor	Style 1 és Style 4 között	Style 1
Szűrés illesztése	balra, középre, jobbra	középre

Korlátozások és hibaelhárítás

• Egyszerre egyetlen osztályozás szerint szűr. Összetett szűrőhöz (ár, tulajdonság, értékelés) a Plus Addons WooCommerce szűrő widgetjeit használd.
• Ha a Kategória szerinti szűrés szakasz hiányzik, a listatípus nem Normál oldal vagy Keresési lista, vagy az elrendezés karusszel.
• Ha egy kategória gombja üres listát ad, a Normál szűrő csak az oldalon lévő termékeket látja. Váltsd AJAX-ra.
• Ha egy kategória hiányzik a gombok közül, a listában egy termék sincs benne.

Blogbejegyzések szűrése kategória szerint

A Blog/bejegyzések listája widget ugyanezt tudja a bejegyzések kategóriáival. A szűrő itt is Pro funkció. Csak azok a kategóriák jelennek meg gombként, amelyekhez a listában legalább egy bejegyzés tartozik.

1. Húzd az oldalra a Blog/bejegyzések listája widgetet. Az Elrendezés szakaszban a listatípus maradjon Normál oldal, és válassz rácsot, masonryt vagy metrót. A szűrő karusszelnél, archív oldali listánál és az egyedi oldalon a kapcsolódó bejegyzések listájánál nem érhető el.
2. Nyisd meg a Kategória szerinti szűrés szakaszt, és kapcsold be. A kategóriagombok azonnal megjelennek a bejegyzések fölött.
3. A Szűrő típusa itt is Normál (csak az oldalon lévő bejegyzéseket szűri) vagy AJAX (a teljes blogból tölti be a találatokat). Ha a Megjelenített bejegyzések maximális száma alacsonyabb a bejegyzések számánál, használd az AJAX értéket.
4. A Válassz osztályozást (taxonomy) mezőben a category helyett választhatsz címkét (post_tag) vagy bejegyzésformátumot (post_format) is.
5. Állítsd be az Összes szűrő gombot, a Kategória szövege feliratot (alapérték: Mind), a két stílust és a Szűrés illesztése igazítást, mint a termékeknél.

https://minta-bolt.hu/wp-admin/post.php?post=170&action=elementor

A képen a szakasz a bekapcsolt szűrővel, az osztályozás (category), a Szűrő típusa, a Keresés típusa, az Összes szűrő és a stílusmezők látszanak.

https://minta-bolt.hu/bt1-blog/

A képen a kategóriagombok a bejegyzések fölött állnak, az első gomb az összes bejegyzést mutatja.

Beállítások összefoglalása

Beállítás	Értékek	Alapérték
Kategória szerinti szűrés	Megjelenítés / Elrejtés	Elrejtés
Szűrés illesztése	balra, középre, jobbra	középre
Válassz osztályozást (taxonomy)	category, post_tag, post_format	category
Szűrő típusa	Normál, AJAX	Normál
Keresés típusa	ID, Slug	Slug
Összes szűrő	Megjelenítés / Elrejtés	Megjelenítés
Kategória szövege	szabad szöveg	Mind
Kategóriaszűrő stílusa, Szűrőstílus rámutatáskor	Style 1 és Style 4 között	Style 1

Korlátozások és hibaelhárítás

• Ha a szakasz hiányzik, ellenőrizd, hogy az elrendezés nem karusszel, és a listatípus Normál oldal.
• Ha egy kategóriára kattintva nem jelenik meg bejegyzés, a Normál szűrő csak az oldalon lévő bejegyzéseket vizsgálja. Válts AJAX-ra, vagy emeld a megjelenített bejegyzések maximális számát.
• Ha egy kategória hiányzik, a listában egyetlen bejegyzés sincs hozzárendelve. Rendelj hozzá legalább egyet, és ellenőrizd, hogy a Tartalom forrása szakaszban nincs-e kizárva.
• A szakasz első kapcsolójának felirata a felületen még angolul áll (Category Wise Filter), a működése ugyanaz.