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

> Kategóriagombok a Woo terméklista és a Blog/bejegyzések listája widget fölött: bekapcsolás, Normál és AJAX szűrés, Összes gomb és stílusok.

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.

![A Kategória szerinti szűrés szakasz a Woo terméklista widgetben](./kepek/bejegyzes-termek-listak-1-panel-szuro.webp)

*A Kategória szerinti szűrés szakasz a Woo terméklista widgetben* (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.

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

*A Kategória szerinti szűrés szakasz AJAX szűrő típussal* (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](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/bejegyzes-termek-listak-url-megosztas/) 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 **Slug**já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.

![A termékek fölött a Mind, Bögrék, Füzetek és Táskák szűrőgombok](./kepek/bejegyzes-termek-listak-1-kategoria-szuro.webp)

*A termékek fölött a Mind, Bögrék, Füzetek és Táskák szűrőgombok* (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.

![A Blog/bejegyzések listája widget Kategória szerinti szűrés szakasza](./kepek/bejegyzes-termek-listak-1-panel-blog-szuro.webp)

*A Blog/bejegyzések listája widget Kategória szerinti szűrés szakasza* (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.

![A bejegyzések fölött a Mind, Egyéb, Hírek, Tippek és Útmutatók szűrőgombok](./kepek/bejegyzes-termek-listak-1-blog-szuro.webp)

*A bejegyzések fölött a Mind, Egyéb, Hírek, Tippek és Útmutatók szűrőgombok* (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.