Szűrők a WooCommerce archívumhoz

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.

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.