# WooCommerce-termékek szűrése attribútumok szerint

> Termékrács szűrése termékattribútumok (méret, szín, típus) értékei szerint taxonómia adatforrású szűrővel.

A termékek szűrhetők az attribútumaik értékei szerint, például hossz, méret, szín vagy típus alapján. A WooCommerce a termékattribútumokat taxonómiaként kezeli, ezért a szűrő a **Taxonómiák** adatforrást használja.

## Követelmények

- Elementor, a blokkszerkesztő (Gutenberg) vagy Bricks.
- Aktív WooCommerce.
- Aktív JetSmartFilters.

## Az attribútumok előkészítése

1. A **Termékek → Attribútumok** oldalon vedd fel az attribútumokat és a hozzájuk tartozó értékeket (kifejezéseket).
2. A termékek szerkesztésekor rendeld hozzá az attribútumokat és értékeiket a termékekhez.

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

1. Nyisd meg az **Intelligens szűrők → Új hozzáadása** oldalt.
2. Add meg a szűrő nevét.
3. Válassz **Szűrő típusa** értéket: **Kiválasztás**, **Választógomb**, **Vizuális** vagy **Jelölőnégyzetek listája** is lehet.
4. Az **Adatforrás** legyen **Taxonómiák**.
5. A **Taxonómia** listában válaszd ki a kívánt termékattribútumot.
6. Mentsd a szűrőt az **Update** gombbal.

A taxonómia forrás további beállításai (üres kifejezések, csoportosítás, kizárás) az [Adatforrások áttekintése](https://hub.hellowp.io/hu/plugins/jet-smart-filters/adatforras-attekintes/) és a [Szűrő taxonómiával](https://hub.hellowp.io/hu/plugins/jet-smart-filters/adatforras-taxonomia-szurok/) fejezetben vannak.

## A szűrő a termékrácson

1. Nyisd meg a bolt oldalsablonját a szerkesztőben (Elementorban a JetWooBuilder bolt sablonját), és tedd a megfelelő szakaszba a szűrő widgetjét. A widget neve a szűrő típusát követi.
2. A **Select filter** listában válaszd ki az imént létrehozott szűrőt.
3. A **This filter for** listában válaszd ki a szolgáltatót. A példában ez a **JetWooBuilder Products Grid**, a termékrács.
4. Az egyéb beállításokat igény szerint állítsd, majd mentsd az oldalt.

A látogatók ezután az attribútum értékei szerint szűkíthetik a termékeket. A szolgáltatókról: [Szolgáltatók](https://hub.hellowp.io/hu/plugins/jet-smart-filters/szuro-beallitasok-szolgaltatok/).