JetSmartFilters

Mi ez és milyen problémát old meg?

A JetSmartFilters a Crocoblock dinamikus szűrőmegoldása, amivel kódolás nélkül építhetsz gyors, facettált (több feltételes) szűrést WordPressen. Elementor, a WordPress Block Editor (Gutenberg) és a Bricks builder felületén is natívan működik, WooCommerce-kompatibilis. Segít:

• nagy katalógusokban villámgyorsan és pontosan találatokat adni (AJAX),
• a “szűrt” állapotot megosztható, SEO-barát URL-re tenni,
• több komponens (pl. lista + térkép) szinkron szűrését megoldani,
• összetett, hierarchikus szűréseket felépíteni,
• többnyelvű (WPML) projekteket kiszolgálni,
• térképes, távolság alapú keresést biztosítani.

Fő funkciók, magyarázattal

Szűrőtípusok (12+)

• Checkboxes / Radio / Select / Search: klasszikus mezők kategóriákra, tulajdonságokra, kulcsszavakra.
• Range (csúszka) és Check Range (előre definiált sávok): ár, méret vagy bármely számszerű meta gyors szűrésére.
• Rating: értékelés szerinti szűrés boltokban vagy könyvtárakban.
• Date Range / Date Period: időintervallum vagy relatív időszak (pl. elmúlt 7 nap).
• Alphabet: cím szerinti betűrendes böngészés.
• Sorting: rendezés ár, dátum, népszerűség szerint.
• Visual: szín- vagy képalapú opciók (pl. színminták WooCommerce-hez).
• Hierarchy Select: több szintű kiválasztás (pl. kategória → alkategória).
• Hidden Filter: rejtett paraméterek a lekérdezés finomításához (pl. csak akciós).
• Location & Distance: geokeresés megadott ponthoz mért távolsággal (JetEngine Geo Search szükséges).

Alkalmazási módok és AJAX

• AJAX: azonnali frissítés oldal-újratöltés nélkül.
• Page Reload: klasszikus újratöltéssel, ha ezt igényled.
• Mixed: AJAX-élmény, de közben az URL is frissül a megoszthatóság és SEO miatt.
• AJAX kéréstípusok: default, referrer, self – összetett elrendezéseknél segítenek pontosan megadni, melyik komponens mit frissítsen.

Indexer (számlálók és teljesítmény)

• Darabszámok az opciók mellett (pl. “Piros (12)”).
• Üres opciók elrejtése vagy tiltása.
• Automatikus újraindexelés nagyobb adatbázisokhoz. A felhasználó csak elérhető választékot lát, gyorsabb a döntés.

URL és SEO

• Plain vs. Permalink: választható URL-struktúra.
• URL Aliases: beszédes, szebb szűrőparaméterek (pl. color=red).
• SEO Rules: megadhatod, mely szűrt állapotok kerüljenek a sitemapbe, és dinamikus SEO cím/description is beállítható.

Providerek és integráció

• Szűrhető Elementor Pro archívumok és gridek, JetEngine (Listing Grid, Map, Calendar, Table/Chart), JetWooBuilder terméklisták, WooCommerce shortcode-ok és Bricks Query Loop.
• Additional Providers: egy szűrő több listát/térképet is frissíthet egyszerre.
• Query ID: az adott listával való egyértelmű összekapcsolás.
• Adatforrások: taxonómiák, meta mezők, bejegyzések, kézi értéklista; Query Variable/Builder támogatás.
• Mezőkezelők: jól működik ACF, Pods, Meta Box és JetEngine mezőkkel.

Felhasználói élmény

• Active Filters/Active Tags: az aktuálisan alkalmazott szűrők láthatók és egyenként törölhetők.
• Apply/Remove: gombos vezérlés, ha nem azonnali alkalmazást szeretnél.
• Pagination: lapozás, “Load more”, előző/következő.
• Provider preloader, hozzáférhetőség és kompatibilitási beállítások.

Gyakorlati példák

• Webshop (WooCommerce): Árhoz Range, színhez Visual, márkához Checkboxes, értékeléshez Rating. Mixed mód, hogy az URL megosztható legyen; Indexer a készleten lévő opciókra; Active Filters a gyors törléshez; SEO Rules a fontos állapotok indexeléséhez.
• Ingatlan-katalógus: JetEngine Listing Grid + Map Listing közös szűrése Additional Providers-szal. Város → kerület Hierarchy Select, alapterület Range, elhelyezkedéshez Location & Distance. A térkép és a lista együtt szűkül.
• Blog/portfólió: Alphabet a címekhez, Date Period az új tartalomra, Sorting népszerűség szerint. Hidden Filter-rel kiemelt posztokat automatikusan előresorolhatsz.

Hogyan épül fel egy szűrés? (rövid lépések)

1. Menj az adminban: Smart Filters > Add New.
2. Válassz szűrőtípust és adatforrást (tax/meta/post/manuális).
3. Állítsd be a Query Variable/ID-t, ha szükséges.
4. Helyezd ki a szűrő widgetet/blokkot a builderben a szűrendő listával egy oldalon.
5. A szűrőn állítsd be a Provider-t (This filter for) és – ha több lista/térkép is van – az Additional Providers-t.
6. Válaszd ki az Apply type-ot (AJAX / Page reload / Mixed).
7. Kapcsold be az Indexer-t (számlálók, üres opciók kezelése).
8. Finomhangold az URL/SEO beállításokat (Permalink, Aliases, SEO Rules).

Gyors ellenőrzőlista
- Filter Type: Checkboxes
- Data Source: Taxonomy (pl. product_cat)
- Apply type: Mixed
- Provider: Listing Grid (Query ID: shop_grid)
- Additional Providers: Map Listing
- Indexer: Show counter + Hide empty
- URL: Permalink + Aliases; SEO Rules: only key states

Előnyök és értékajánlat

• Jobb találhatóság nagy adatbázisokban (gyors, releváns listák).
• Megosztható, SEO-barát szűrt URL-ek, sitemap integrációval.
• Idő- és költségmegtakarítás: összetett logika kód nélkül.
• Skálázható teljesítmény (Indexer, AJAX).
• Rugalmas integráció több builderrel és adatforrással.
• Professzionális UX: vizuális opciók, aktív szűrők, lapozás.

Kinek ajánlott?

• Webshop tulajdonosoknak: konverziót növelő, gyors termékszűrés.
• Katalógusoknak/könyvtáraknak (ingatlan, autó, állás): összetett, többtényezős szűrés térképpel.
• Ügynökségeknek/fejlesztőknek: egységes szűrőréteg Elementor/Gutenberg/Bricks alatt.
• Tartalomgazda blogoknak/portfólióknak: rendezett böngészés, betűrendes és idő alapú szűrés.
• Többnyelvű oldalaknak: WPML-kompatibilis szűrők és címkék.
• Geolokációs projekteknek: hely- és távolságszűrés térképes listákkal.

A JetSmartFilters a JetPlugins ökoszisztéma része. Ha facettált keresést, szinkronizált listákat és SEO-barát szűrést szeretnél egyben, ez a bővítmény célzott, professzionális megoldás WordPressre.