# WP-szűrők: értékelés szerinti szűrő, szűrő-visszaállítás és oszlopváltó

> WooCommerce-termékek szűrése csillagos értékelés szerint, az összes szűrő törlése egy gombbal, és az oszlopszám-váltó a terméklista fölött.

A **WP-szűrők** widget a **Szűrőterület** szakaszban tételekből áll. Egy tétel lehet szűrő (például értékelés), vagy segédelem (például visszaállító gomb). Ez a fejezet három ilyen tételt mutat be: az értékelés szerinti szűrőt, a **Szűrő alaphelyzetbe állítása** gombot és a **Szűrőoszlop** váltót.

A widget a Pro változat része. Kapcsold be a **The Plus Addons → Widgets** oldalon (**WP-szűrők**), és a használatához kell a WooCommerce is, néhány közzétett termékkel.

## A szűrő és a terméklista összekapcsolása

A szűrőnek egy terméklista kell, amelyet szűkíteni tud. Tedd az oldalra a **Woo terméklista** widgetet, és a **Terméklista-típusok** értéke legyen **Keresési lista** (lásd a [Woo terméklista áttekintését](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/bejegyzes-termek-listak-termek-attekintes/)). A szűrő ehhez a listához kapcsolódik, és az oldal újratöltése nélkül szűkíti.

![A WP-szűrők panelje a Szűrőterület szakasszal és három tétellel](./kepek/kereses-szurok-1-szuro-elem-ertekeles.webp)

*A WP-szűrők panelje a Szűrőterület szakasszal és három tétellel* (https://minta-bolt.hu/wp-admin/post.php?post=309&action=elementor)

A képen az első tétel nyitva van: **Szűrő típusa** **Woo-szűrő**, **Forrás kiválasztása** **Értékelés**. A másik két tétel lent zárva látszik.

## Értékelés szerinti szűrő

A WooCommerce a termékek átlagos véleményértékelését csillagokban tárolja. Az értékelés szerinti szűrő a termékeket csillagszám szerint csoportosítja, így a látogató például a legalább négycsillagos termékekre szűkíthet.

Követelmény: legyenek közzétett termékeid, néhány vásárlói véleménnyel.

1. Add hozzá a **WP-szűrők** widgetet az oldalhoz.
2. A **Szűrőterület** szakaszban nyisd ki a tételt.
3. A **Szűrő típusa** legyen **Woo-szűrő**.
4. A **Forrás kiválasztása** legyen **Értékelés**.
5. A **Típus kiválasztása** mezőben válaszd az **Osztályozás (taxonomy)** értéket. Üresen hagyva a szűrő nem jelenik meg, a helyén a „Select Type” hibaüzenet áll.
6. Szükség esetén a **Címsor beállítása** gombbal add meg a szűrő címét.

![Az értékelés szerinti szűrő: öt csillag a terméklista fölött](./kepek/kereses-szurok-1-szurok-1.webp)

*Az értékelés szerinti szűrő: öt csillag a terméklista fölött* (https://minta-bolt.hu/tp-ks1-szurok/)

A képen az öt csillag a terméklista fölött látszik; a „Kategória” cím a szűrő alapértelmezett címe, a **Címsor beállítása** alatt módosítható.

A látogató egy csillagra kattint, és a lista leszűkül a megfelelő termékekre.

![A negyedik csillag kiválasztva: a lista a négycsillagos termékekre szűkült](./kepek/kereses-szurok-1-szurok-ertekeles-valasztva.webp)

*A negyedik csillag kiválasztva: a lista a négycsillagos termékekre szűkült* (https://minta-bolt.hu/tp-ks1-szurok/)

A képen a négy kiválasztott csillag sárga, a lista pedig a kiválasztott értékelésnek megfelelő termékre szűkült.

## Szűrő alaphelyzetbe állítása

Ha a látogató több szűrőt is bekapcsolt, egyetlen gombbal törölheti mindet.

1. Add hozzá egy újabb tételt a **Szűrőterület** szakaszhoz az **Elem hozzáadása** gombbal.
2. A **Szűrő típusa** legyen **Metaadatok szűrése**.
3. A **Forrás kiválasztása** legyen **Szűrő alaphelyzetbe állítása**.
4. Az **Alaphelyzetbe állítás gomb szövege** mezőben add meg a gomb feliratát. Az alapérték angol (`Reset all`), ezért írd át magyarra, például „Összes szűrő törlése”.
5. Szükség esetén a **Címke pozíciója** legyen **Indítás** vagy **Vége**, az **Alaphelyzetbe állító gomb rögzítése** pedig a gomb rögzítését kapcsolja be.
6. Vegyél fel egy **Szűrőcímke** forrású tételt is: a visszaállító gomb a kiválasztott szűrők címkesorában jelenik meg.

![A Szűrő alaphelyzetbe állítása tétel beállításai](./kepek/kereses-szurok-1-szuro-elem-visszaallitas.webp)

*A Szűrő alaphelyzetbe állítása tétel beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=309&action=elementor)

A képen a **Forrás kiválasztása** értéke **Szűrő alaphelyzetbe állítása**, alatta a gomb szövege és a pozíció.

Amíg nincs bekapcsolt szűrő, a gomb nem látszik. Szűrő kiválasztása után a számláló (itt 4, mert négy csillag van kiválasztva) és a gomb megjelenik.

![A gomb a kiválasztott szűrő után: a számláló és az „Összes szűrő törlése” gomb](./kepek/kereses-szurok-1-szurok-visszaallitas.webp)

*A gomb a kiválasztott szűrő után: a számláló és az „Összes szűrő törlése” gomb* (https://minta-bolt.hu/tp-ks1-szurok-reset/)

A képen az „Összes szűrő törlése” gomb látszik a számláló mellett, alatta a szűkített terméklista.

A gombra kattintva a szűrők törlődnek, és a teljes terméklista visszatér.

![A lista a gombra kattintás után: a csillagok üresek, minden termék látszik](./kepek/kereses-szurok-1-szurok-visszaallitas-utan.webp)

*A lista a gombra kattintás után: a csillagok üresek, minden termék látszik* (https://minta-bolt.hu/tp-ks1-szurok-reset/)

A képen a csillagok üresek, a lista újra a teljes termékkínálatot mutatja.

## Terméklista oszlopváltó

A **Szűrőoszlop** tétel oszlopszám-váltót ad a terméklista fölé. Aki sűrűbb rácsot szeretne, több oszlopot választ, aki nagyobb képeket, kevesebbet.

1. Vegyél fel egy új tételt a **Szűrőterület** szakaszban.
2. A **Szűrő típusa** legyen **Metaadatok szűrése**.
3. A **Forrás kiválasztása** legyen **Szűrőoszlop**.
4. Az **Oszlopváltás** mezőben válaszd ki, mennyi oszlopot kínáljon a váltó: **4 oszlop**, **Oszlop 3**, **Oszlop 2** vagy **1. oszlop**.

![A Szűrőoszlop tétel beállításai: az Oszlopváltás lista](./kepek/kereses-szurok-1-szuro-elem-oszlop.webp)

*A Szűrőoszlop tétel beállításai: az Oszlopváltás lista* (https://minta-bolt.hu/wp-admin/post.php?post=309&action=elementor)

A képen a **Forrás kiválasztása** **Szűrőoszlop**, alatta az **Oszlopváltás** lista.

## Beállítások

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Szűrő típusa** | **WP-szűrő**, **Woo-szűrő** vagy **Metaadatok szűrése**. | **WP-szűrő** |
| **Forrás kiválasztása** (**Woo-szűrő**) | **Gomb**, **Szín**, **Kép** vagy **Értékelés**. | üres |
| **Forrás kiválasztása** (**Metaadatok szűrése**) | **Szűrőcímke**, **Szűrő alaphelyzetbe állítása**, **Keresési eredmények** vagy **Szűrőoszlop**. | **Szűrőcímke** |
| **Típus kiválasztása** | A szűrő adatforrása; az értékelésnél **Osztályozás (taxonomy)**. | üres |
| **Alaphelyzetbe állítás gomb szövege** | A visszaállító gomb felirata. | `Reset all` |
| **Címke pozíciója** | A visszaállító gomb helye: **Indítás** vagy **Vége**. | **Vége** |
| **Oszlopváltás** | A váltó kínálta oszlopszámok. | |

## Hibaelhárítás

**A szűrő helyén „Select Type” hibaüzenet áll.** A **Típus kiválasztása** mező üres; válaszd az **Osztályozás (taxonomy)** értéket.

**A visszaállító gomb nem látszik.** Csak akkor jelenik meg, ha van bekapcsolt szűrő, és ha a szűrősorban van **Szűrőcímke** tétel.

**A szűrő nem változtatja a listát.** A terméklista típusa legyen **Keresési lista**, és legyenek értékelt termékeid.