WP Grid Builder - Bricks
Hivatalos kiegészítő, amely a WP Grid Builder facetes szűrését és rugalmas rácsait natívan beépíti a Bricks szerkesztőbe – kód és shortcode nélkül.
This content is not available in your language yet.
Mi ez és milyen problémát old meg?
Szekció neve “Mi ez és milyen problémát old meg?”A WP Grid Builder – Bricks egy hivatalos kiegészítő, amely összekapcsolja a WP Grid Buildert a Bricks vizuális oldalépítővel. Két új Bricks‑elem (Grid és Facet) jelenik meg, így közvetlenül a vásznon tudsz facetes szűrést és fejlett rácsokat építeni. Nem kell shortcode‑okkal vagy egyedi kóddal bajlódnod: az összerendelés kattintással történik, a találatok pedig azonnal, oldalújratöltés nélkül frissülnek.
A kiegészítő különösen akkor hasznos, ha sok elemet (bejegyzéseket, termékeket, portfóliót) szeretnél gyorsan és pontosan szűrhetővé tenni Bricks alatt.
Hogyan működik röviden?
Szekció neve “Hogyan működik röviden?”- A Bricksben megjelenik két új elem: Grid és Facet.
- A Grid elem képes WP Grid Builder rácsok és archív eredmények megjelenítésére.
- A Facet elem kiválaszt egy szűrendő célt (Grid, Posts, Products, vagy akár Container/Block/Div), és AJAX‑szal frissíti annak tartalmát – csak a szükséges komponensek renderelődnek újra, nem az egész oldal.
- Ha a szűrendő elem nem ugyanazon a vásznon van (például popupban), a cél elem azonosítója is megadható.
Példa elem‑azonosító:
#brxe-abc123Fő funkciók, érthetően
Szekció neve “Fő funkciók, érthetően”- Két natív Bricks‑elem (Grid, Facet): A Grid a megjelenítést adja (Masonry/Metro/Justified, reszponzív beállítások, lazy‑loading), a Facet pedig a szűrést (taxonómiák, mezők, tartományok, kereső).
- Facetes szűrés Bricks elemekre: Nem csak rácsokra, hanem a Bricks saját elemeire is alkalmazhatod (Posts, Products, Container/Block/Div). Archív sablonok eredményei is megjeleníthetők Gridben.
- Teljesítményorientált működés: A WP Grid Builder index‑táblát és egyedi AJAX végpontokat használ a gyors szűréshez. Így nagy adatállomány mellett is azonnali a reakció, minimális szerver‑ és hálózati terheléssel.
- Széles facet‑típus választék: Kategória/címke választók, ár‑ és dátumtartomány, értékelés, készlet, egyedi mezők (ACF/Meta Box/PODS kompatibilitás), keresőmező, pagináció és “Load more”.
- URL és előzmény szinkron: A választott szűrési állapot megosztható és visszaállítható (hasznos kampányokhoz, ügyfélszolgálathoz).
- WooCommerce‑re optimalizálva: Ár, készlet, akció, értékelés szerinti szűrés; termékkatalógusok gyors, stabil facetezése.
- Szerkesztőben élő előnézet: Amit beállítasz, azt azonnal látod. Nincs shortcode, nincs találgatás.
Gyors beállítás lépésről lépésre
Szekció neve “Gyors beállítás lépésről lépésre”- Telepítsd és aktiváld a WP Grid Buildert és a Brickshez készült kiegészítőt.
- Nyisd meg az oldalt Bricksben, ahová a listát és a szűrőket szeretnéd.
- Helyezd el a Grid elemet (vagy használd a Bricks Posts/Products elemet).
- Helyezd el a Facet elemet.
- A Facet elemben a “Select a grid or element to filter” legördülőben válaszd ki a szűrendő elemet. Ha a cél popupban van, add meg az elem ID‑ját, például:
#brxe-abc123
- Szükség esetén futtasd a WP Grid Builder indexelését (különösen új mezők/facetek után).
- Teszteld a szűrési kombinációkat és a paginációt/“Load more” működését.
Gyakorlati példák
Szekció neve “Gyakorlati példák”- Blog/portfólió: Kategória + címke + szerző + dátumtartomány. A felhasználó kiválasztja a témát és az időszakot, a lista azonnal frissül.
- Termékkatalógus: Ár csúszka + készlet + értékelés + attribútumok (méret, szín). A készlet és az ár azonnal szűkíti a találatokat, nincs oldalfrissítés.
- Csapat/adatbázis: Telephely + készségek + osztály. Gyors belső kereséshez és HR‑szűréshez ideális.
- Események: Dátumtartomány + helyszín + kategória. Naptárnézet helyett facetes listával pontos találatokat adsz.
Bevált gyakorlatok és korlátozások
Szekció neve “Bevált gyakorlatok és korlátozások”- Ne használd a Bricks “Infinite scroll” opcióját ezeknél a listáknál; helyette alkalmazz paginációs facetet vagy Load more‑t.
- A Bricks “Cache query loop” opcióját kapcsold ki, különben váratlan lekérdezési viselkedést kaphatsz.
- A facet és a szűrendő elem legyen ugyanazon az oldalon. Popupnál adj meg elemazonosítót.
- Ne keverd más szűrési rendszerekkel (például a Bricks saját filtereivel), mert ütközésekhez vezethet.
- Query Loop karusszelben/sliderben nem támogatott – a facetes frissítés nem fog megbízhatóan működni.
Előnyök és értékajánlat
Szekció neve “Előnyök és értékajánlat”- Kódmentes facetezés Bricks alatt: percek alatt összekattintható.
- Villámgyors szűrés nagy adatbázison is az index‑tábla és az egyedi AJAX miatt.
- Konzisztens szerkesztői élmény: élő előnézet, nincs shortcode.
- E‑kereskedelemre kész: ár/készlet/értékelés és egyedi attribútumok szűrése.
- Megosztható találati állapot: URL‑szinkronnal könnyebb támogatást és kampánykommunikációt adni.
Kinek ajánlott?
Szekció neve “Kinek ajánlott?”- Bricks felhasználóknak, akik facetes, AJAX‑os szűrést és rugalmas rácsot akarnak kódolás nélkül.
- Webügynökségeknek, akik skálázható, újrahasznosítható listákat építenek ügyfeleknek.
- Webshopoknak, ahol az ár, készlet és értékelés szerinti szűrés kulcs a konverzióhoz.
- Nagy tartalomkatalógussal dolgozóknak (blog, híroldal, könyvtár, directory), ahol a sebesség és a pontosság kritikus.
Gyors hibaelhárítás
Szekció neve “Gyors hibaelhárítás”- Nincsenek találatok? Ellenőrizd az indexelést és a facet‑beállításokat.
- Nem frissül a lista? Kapcsold ki a Query Loop cache‑t, és ellenőrizd a cél elem kiválasztását/ID‑ját.
- Nem működik a végtelen görgetés? Használj paginációs facete‑t vagy “Load more”‑t.
Ezzel a kiegészítővel a Bricks alatt végre tényleg natív, gyors és tartósan karbantartható facetes listákat építhetsz – kompromisszumok és kódolás nélkül.