# Szűrők a WooCommerce archívumhoz

> Szűrők alkalmazása a WooCommerce termékarchívum sablonjára: a szolgáltató bekapcsolása, ár- és attribútumszűrő, archívumsablon létrehozása, szűrők a Products Loop mellett.

A bolt (termékarchívum) oldalának sablonját a JetThemeCore és a JetWooBuilder segítségével építheted fel, és ebbe a JetSmartFilters szűrőit is beteheted.

## Követelmények

- Elementor (az ingyenes is elég).
- Aktív JetSmartFilters, JetWooBuilder, JetThemeCore és WooCommerce.

## A szolgáltató bekapcsolása

Nyisd meg az **Intelligens szűrők → Beállítások → Általános beállítások** oldalt, és kapcsold be a JetWooBuilder **WooCommerce Archive** widgetjéhez tartozó kapcsolót.

## A szűrők létrehozása

### Ártartomány-szűrő

1. Nyisd meg az **Intelligens szűrők → Új hozzáadása** oldalt, adj nevet a szűrőnek, és válaszd a **Tartomány** típust.
2. A **Min/max dinamikus lekérése** listából válaszd a **WooCommerce min/max árak** lehetőséget: a legnagyobb és legkisebb termékárat így magától kiolvassa.
3. A **Lépés** mező alapértéke 1, szükség szerint módosíthatod.
4. Beállíthatsz **Értékek előtagját**, **Értékek utótagját**, bekapcsolhatod a beviteli mezőket, és megadhatod a **Tizedesek számát**, a **Tizedesjelet** és az **Ezreselválasztót**.
5. A **Lekérdezési változó** mezőbe írd be: `_price`. A mező melletti dinamikus címke ikonra kattintva megnézheted, milyen mezőkre szűrhetsz még.
6. Mentsd a szűrőt.

### Jelölőnégyzetes szűrő termékattribútumokhoz

1. Vegyél fel új szűrőt, és válaszd a **Jelölőnégyzetek listája** típust.
2. Az adatforrás legyen **Taxonómiák**, az **Osztályozás (taxonomy)** mezőben pedig az attribútum (a példában a **Termékszín**).
3. A **Relational Operator** két értéket vehet fel:
   - **Union:** azok a termékek jelennek meg, amelyeknek a kijelölt opciók közül legalább egy megvan az attribútumai között.
   - **Intersection:** csak azok a termékek jelennek meg, amelyeknek az összes kijelölt érték megvan az attribútumai között.
4. További kapcsolók: az üres kifejezések mutatása, az aktuális kifejezés gyermekkifejezéseinek mutatása, és a kifejezések szülő szerinti csoportosítása.
5. Az **Is Checkbox Meta Field (JetEngine)** kapcsoló maradjon kikapcsolva, mert a forrás taxonómia, nem metamező. Csak akkor kapcsold be, ha egy jelölőnégyzetes metamező a szűrő forrása.
6. Az **Exclude/Include** beállításban kiválaszthatod, mely kifejezések jelenjenek meg vagy tűnjenek el a szűrőből.
7. A **Use Custom Query Variable** kapcsoló is maradjon kikapcsolva: taxonómiánál a lekérdezési változót a bővítmény magától adja.
8. Mentsd a szűrőt.

![Jelölőnégyzetes szűrő termékattribútumhoz, taxonómia adatforrással](./kepek/jelolonegyzet-taxonomia.webp)

*Jelölőnégyzetes szűrő termékattribútumhoz, taxonómia adatforrással* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-smart-filters)

A képen a taxonómia forrású jelölőnégyzetes szűrő beállításai látszanak.

## Az archívumsablon létrehozása

A bolt-archívum sablonja a **Crocoblock → Theme Builder** oldalon készül.

1. Kattints a plusz ikonra új sablon hozzáadásához.
2. A megjelenő ablakban állítsd be a feltételeket: válaszd az **Include** és az **Archive** lehetőséget, az utolsó listában pedig az **All Products Archives** értéket (vagy egy konkrét taxonómiaarchívumot). Mentsd.
3. Kattints az **Add Body** gombra, és válaszd a **Create template** lehetőséget.
4. A **Create a template** ablakban válaszd az **Elementor** tartalomtípust, és add meg a sablon nevét.
5. Kattints a **Create**, majd a **Go to editor** gombra.

### A termékek és a szűrők a sablonban

1. A szerkesztőben vegyél fel két oszlopot.
2. A jobb oldali oszlopba tedd a **Products Loop** widgetet. Ez írja ki a WooCommerce-archívumot. A szerkesztőben a widget üresen jelenhet meg, ez normális: a termékeket a nyilvános bolt oldalon látod. A termék kinézetét (rács vagy lista) a termékarchívum elemsablonjával szabhatod testre.
3. A bal oldali oszlopba tedd a **Tartomány** widgetet, válaszd ki az ártartomány-szűrőt, és a **This filter for** listában a **WooCommerce Archive (by JetWooBuilder)** szolgáltatót.
4. Tedd mellé a **Jelölőnégyzetek** widgetet, válaszd ki az attribútumszűrőt, és ugyanezt a szolgáltatót.
5. Kattints az **Update** gombra.

A nyilvános bolt oldalon a szűrők opcióinak kiválasztása után a termékek a szűrésnek megfelelően szűkülnek.