# Változó termékek szűrése variációk szerint

> WooCommerce változó termékek szűrése variációk (például szín) szerint: a készleten kívüli variációk elrejtése, taxonómia forrású szűrő, indexelő számlálóval.

Változó termékeket a variációikat meghatározó attribútumok (például szín) szerint szűrhetsz.

## Követelmények

- Elementor (az ingyenes is elég).
- Aktív WooCommerce, változó termékekkel.
- Aktív JetSmartFilters.

## A beállítások módosítása

1. Nyisd meg a **Crocoblock → JetPlugins Settings → JetSmartFilters → Compatibility** oldalt, és nyisd le a **WooCommerce** részt.
2. Kapcsold be a **Hide Out-of-Stock Variations in Filter Results** kapcsolót. Ez a variációk szerinti szűréshez kell: a készleten kívüli variációk nem jelennek meg a találatok között.
3. Az **Általános beállítások** fülön csak azokat a szolgáltatókat tartsd bekapcsolva, amelyekre szükséged van: így gyorsabb lesz az oldal.

![A Compatibility fül: a WooCommerce rész](./kepek/beallitasok-kompatibilitas.webp)

*A Compatibility fül: a WooCommerce rész* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-dashboard-settings-page&subpage=jet-smart-filters-compatibility)

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

1. Nyisd meg az **Intelligens szűrők → Új hozzáadása** oldalt, és adj nevet a szűrőnek.
2. A típus lehet **Kiválasztás**, **Választógomb**, **Vizuális** vagy **Jelölőnégyzetek listája**.
3. Az adatforrás legyen **Taxonómiák**, az **Osztályozás (taxonomy)** mezőben pedig a variációt adó attribútum (a példában a **Product color**).
4. Szükség szerint módosíts más beállításokat, majd kattints a mentés gombra.

## A szűrő az oldalon

1. Nyisd meg az oldalt vagy sablont az Elementor szerkesztőben. A példában két oszlopot használunk.
2. Az első oszlopba húzd a szűrőtípusnak megfelelő widgetet (itt **Jelölőnégyzetek**). Válaszd ki a szűrőt, és a **This filter for** listában a szolgáltatót (például **JetWooBuilder Products List**).
3. Az **Indexer Options** fülön bekapcsolhatod a termékszámlálót az egyes variációkhoz. Az indexelő csak a nyilvános oldalon működik.
4. A második oszlopba tedd a szűrt termékeket kiíró widgetet (például **Products List**), alakítsd, és kattints a **Publish** gombra.

A nyilvános oldalon az opciók kijelölése (például „Kék” és „Piros”) után a lista a megfelelő variációjú termékeket mutatja.

Az indexelőről az [Indexelő](https://hub.hellowp.io/hu/plugins/jet-smart-filters/altalanos-indexelo/) fejezetben olvashatsz.