Beschrijving
Captain Advance Filter is a lightweight WordPress search and filter plugin that lets you create powerful AJAX powered filters for posts, pages, custom post types, and WooCommerce products.
Creëer geavanceerde zoek- en filterervaringen zonder te programmeren. Bouw aangepaste query’s en filtersets, kies uit meerdere filtertypes en weergavestijlen, en toon gefilterde resultaten direct zonder de pagina te herladen.
Filter your content by categories, tags, custom taxonomies, post meta, product attributes, price, stock status, ratings, dates, and more. Display filter options using checkboxes, radio buttons, dropdowns, search fields, range sliders, A Z navigation, date pickers, WooCommerce ratings, or a frontend view switcher.
Gebruik de visuele Query Builder en Filter Set Builder om herbruikbare filtersystemen te maken en deze vervolgens overal weer te geven met behulp van shortcodes, Gutenberg-blokken of Elementor-widgets.
✨ Core functies:
- AJAX Search & Filtering: Update results instantly without a page reload.
- Visuele Query Builder: maak aangepaste query’s voor berichten, pagina’s, aangepaste berichttypen en producten.
- Filter Set Builder: Combineer meerdere filters en verbind ze met een herbruikbare query.
- Multiple Filter Types: Checkbox, Radio, Dropdown, Search, Range, A Z, Date Picker, Woo Rating, and View Switcher.
- Taxonomy & Meta Filtering: Filter content using categories, tags, custom taxonomies, custom fields, and post meta.
- WooCommerce Product Filters: Filter products by attributes, price, stock status, and star ratings.
- Multiple Display Styles: List, Buttons, Color Swatches, Image Swatches, and Tabs for supported filters.
- AJAX-paginering: Kies uit genummerde Paginering, Meer laden, Oneindig scrollen of Geen.
- AJAX-laadstijlen: Kies Spinner, Overlay, Skeleton of Geen voor het laden van AJAX-resultaten.
- Frontend View Switcher: Let visitors switch between available grid column layouts.
- Deelbare filter-URL’s: Deel en bewaar gefilterde resultaten als bladwijzer waarbij geselecteerde filterwaarden behouden blijven in de URL.
- Resultaataantal: Toon het aantal overeenkomende resultaten met een dedicated shortcode.
- Custom Result Cards: Choose from predefined card styles or create custom card templates.
- Responsive Grid Layouts: Control desktop, tablet, and mobile columns.
- Elementor-ondersteuning: Dedicated Filter-, Raster- en Pagineringwidgets.
- Gutenberg ondersteuning: inheemse blokken voor Filter, Raster en Paginering.
- Shortcode Support: Easily embed filters, grids, pagination, and result counts anywhere.
- Query-caching: Optionele caching met behulp van WordPress transients voor snellere herhaalde query’s.
- Donkere modus: Schoon en modern door React aangedreven beheerpaneel met ondersteuning voor de donkere modus.
- Geen programmeren vereist: Bouw query’s en filters rechtstreeks vanuit het WordPress-beheerpaneel.
🔎 Filtertypes:
- Selectievakje: Selecteer een of meerdere opties.
- Keuzerondje: Selecteer een enkele optie.
- Dropdown: Choose filter values from a dropdown.
- Search: Search and filter content using keywords.
- Bereik: Maak numerieke bereikfilters zoals prijsbereiken.
- A Z: Browse content alphabetically.
- Date Picker: Filter content by publish date ranges.
- Woo Rating: Filter WooCommerce products by star rating.
- View Switcher: Allow visitors to switch between available result grid layouts.
🎨 Weergavestijlen:
Vakje- en radiokeuzefilters kunnen verschillende weergavestijlen gebruiken, afhankelijk van de geselecteerde gegevensbron:
- Lijst
- Knoppen
- Kleurswatches
- Afbeeldingsswatches
- Tabbladen
Kleur- en afbeelding-swatches kunnen automatisch WooCommerce attribuutswatchgegevens gebruiken wanneer deze beschikbaar zijn, met terugvalopties wanneer swatchgegevens niet zijn geconfigureerd.
📄 Paginering & Laden:
Kies hoe gefilterde resultaten worden weergegeven en geladen:
- Paginering: Standaard genummerde paginering.
- Meer laden: Laad extra resultaten zonder de pagina te verlaten.
- Oneindig scrollen: Laad automatisch meer resultaten tijdens het scrollen.
- Geen: Display results without pagination controls.
Kies een AJAX-laadindicator voor elke query:
- Spinner
- Overlay
- Skeleton
- Geen
🛒 WooCommerce-compatibiliteit:
Captain Advance Filter werkt samen met WooCommerce en biedt speciale productfilterfuncties.
- Woo Rating: Filter products by N stars & up using WooCommerce product ratings.
- Prijsbereik: Filter producten op basis van WooCommerce-prijsgegevens.
- Voorraadstatus: filter producten op beschikbare voorraadstatus.
- Product Attributes: Filter by attributes such as color, brand, size, and more.
- Kleurswatches: Toon productattribuutopties als kleurswatches.
- Afbeeldingsswatches: Toon productattribuutopties met behulp van afbeeldingen.
- Shop Card: Display WooCommerce product price, sale badge, and Add to Cart button.
- Custom Product Templates: Use WooCommerce specific tokens such as
{{price}},{{sale_badge}}, and{{add_to_cart}}.
🧩 Custom Post Type Support:
Gebruik Captain Advance Filter met elk openbaar zichtbaar WordPress-berichttype. Maak aangepaste query’s en filter resultaten met behulp van taxonomieën, bericht-meta, datums, zoektermen en andere ondersteunde filterbronnen.
🔌 Builder integraties:
- Elementor: Dedicated Filter, Grid, and Pagination widgets with Elementor styling controls.
- Gutenberg: Inheemse blokken voor Filter, Raster en Paginering.
- Shortcodes: gebruik Captain Advance Filter met elke WordPress paginabouwer of thema dat shortcodes ondersteunt.
- Bricks Builder: Ondersteuning binnenkort beschikbaar.
⚡ Prestaties:
- Lightweight frontend implementation.
- Door AJAX aangedreven filtering zonder volledige paginaherladingen.
- Frontend assets are loaded only on pages where Captain Advance Filter is used.
- No jQuery dependency on the frontend.
- Optionele caching van queryresultaten met behulp van WordPress transients.
- Native lazy loading support for result card images.
🔗 Shortcodes:
[captaf-filter id="1"]: Toon een filterset.[captaf-grid query="query_key"]: Display the filtered content grid.[captaf-pagination query="query_key"]: Display pagination controls.[captaf-count query="query_key"]: Toon het aantal overeenkomende resultaten.
You can also display individual filters from a Filter Set using the only attribute.
Schermafbeeldingen
Blokken
Deze plugin heeft 3 blokken.
- Filter
- Grid
- Pagination
Installatie
- Upload de plugin map naar
/wp-content/plugins/. - De plugin via het plugins scherm in WordPress activeren.
- Open Captain Advance Filter vanuit het WordPress beheermenu.
- Maak een query aan met behulp van de Query Builder.
- Create a Filter Set and connect it to your Query.
- Configure your filter types, display styles, pagination, and loader settings.
- Add the generated shortcode to your page or use the Elementor or Gutenberg integration.
FAQ
-
Werkt Captain Advance Filter zonder Elementor?
-
Yes. Elementor is optional. You can use Captain Advance Filter with Gutenberg blocks, shortcodes, or any WordPress theme that supports shortcodes.
-
Werkt het met WooCommerce?
-
Yes. Captain Advance Filter supports WooCommerce product filtering by attributes, price, stock status, and product ratings. WooCommerce specific Shop Card and swatch options are also available.
-
Kan ik aangepaste berichttypen filteren?
-
Ja. Elk openbaar zichtbaar WordPress berichttype kan worden gebruikt als querybron.
-
Kan ik filteren op aangepaste velden of bericht-meta?
-
Yes. Filters can use supported post meta fields as a data source in addition to taxonomies.
-
Ondersteunt het AJAX-filtering?
-
Ja. Gefilterde resultaten worden geladen via AJAX zonder dat de pagina volledig hoeft te worden herladen.
-
Welke pagineringsopties zijn er beschikbaar?
-
You can choose between numbered Pagination, Load More, Infinite Scroll, or None.
-
Welke laadstijlen zijn er beschikbaar?
-
You can choose Spinner, Overlay, Skeleton, or None for AJAX result loading.
-
Kunnen bezoekers schakelen tussen rasterlay-outs?
-
Yes. Add the View Switcher filter type to allow visitors to switch between the available frontend grid column layouts.
-
Ja. Schakel de optie voor deelbare URL’s in voor ondersteunde filters om geselecteerde filterwaarden te synchroniseren met de pagina-URL. Bezoekers kunnen gefilterde resultaten delen of bladwijzers maken.
-
Heb ik codeerkennis nodig?
-
Nee. Queries en filtersets kunnen worden gemaakt via het visuele beheerpaneel. Shortcodes worden automatisch gegenereerd.
-
Will Captain Advance Filter slow down my website?
-
The plugin uses conditional asset loading so frontend assets are only loaded on pages where Captain Advance Filter is actually used. Optional query caching is also available to improve repeated searches.
-
Zijn de front-end REST endpoints beveiligd?
-
Ja. De filter-endpoints controleren of opgevraagde berichttypen en taxonomieën openbaar zichtbaar zijn voordat resultaten worden geretourneerd. Privégegevens worden niet via deze endpoints blootgesteld.
Beoordelingen
Bijdragers & ontwikkelaars
“Captain Advance Filter” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers
“Captain Advance Filter” is vertaald in 9 localen. Dank voor de vertalers voor hun bijdragen.
Vertaal “Captain Advance Filter” in je eigen taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
1.5.0
- Added: Added a new Step 3 Settings to the Edit Query page for managing card design.
- Added: Added Card Display Options to Step 3 of Settings with Show Title, Description, Author, and Date switches.
- Performance: Admin app no longer re-renders every open page on unrelated state updates.
- Changed: Columns picker moved to the Settings step, shown only when Grid layout is selected.
- Changed: removed the redundant “— Desktop” text next to the Columns device-switcher icon.
- Changed: Gap (px) moved to Settings and is now a 0–100 slider next to the Columns card.
- Changed: List layout and Slider are marked Coming Soon (disabled with a hover hint) on the Select Layout step.
- Fixed: Cached filter results are no longer stale after saving or deleting a query or filter set.
- Fixed: Columns picker on the Settings step now spans full width instead of sitting squeezed in a third of the row.
- Fixed: Layout card background now matches Card Display Options and the rest of the Settings step.
- Fixed: left-column toggle no longer overlaps the right column’s label text in Card Display Options.
- Fixed: stray extra line under the last row of Card Display Options.
- Changed: removed the icons from the Layout and Spacing card headings on the Settings step.
- Removed: Unused admin pages, components, and AJAX handlers left over from earlier development.
1.4.0
- Toegevoegd: deelbare filter-URL’s voor het synchroniseren van geselecteerde filters met de pagina-URL.
- Toegevoegd: optie ‘Geen’ voor paginering, meer laden en oneindig scrollen.
- Toegevoegd: Query Editor Wizard in drie stappen met automatisch opslaan.
- Added: White Label options for custom branding and admin menu controls.
- Toegevoegd: instellingen behouden bij de-installatie en optionele verwijdering van plugingegevens.
- Toegevoegd: nieuwe documentatiehandleidingen voor query’s, filtersets, paginering en Meer laden.
- Toegevoegd: nieuwe upgradepagina met Gratis vs. Pro-vergelijking en automatisch verbergen van de Pro-promobanner.
- Improved: Query and Filter Set editor layouts and responsive controls.
- Verbeterd: ondersteuning voor de donkere modus in het hele beheerpaneel.
- Verbeterd: besturingselementen voor deelbare URL’s zijn nu per filter configureerbaar.
- Improved: Query editor settings, card design, columns, and layout controls.
- Verbeterd: pagina’s voor documentatie, hulp en onze producten.
- Toegevoegd: ondersteuning voor terugdraaien naar eerder gepubliceerde pluginversies.
- Changed: Frontend View Switcher is now available as a Filter Type.
- Fixed: Multiple admin UI, Dark Mode, responsive layout, shortcode, and frontend filtering issues.
1.3.0
- Toegevoegd: Taxonomie- en bericht-meta-gegevensbronnen voor filters.
- Toegevoegd: prijsbereik- en voorraadstatusfiltering voor WooCommerce producten.
- Toegevoegd: weergavestijl met tabs voor selectievakjes en keuzerondjes.
- Added: Match Any and All support for multi select Checkbox and Dropdown filters.
- Toegevoegd: ondersteuning voor deelbare filter-URL’s.
- Toegevoegd: nieuwe pagina’s voor Hulp en Onze producten.
- Toegevoegd: ondersteuning voor terugdraaien (roll-back) naar gepubliceerde pluginversies.
- Verbeterd: Query Editor, Filter Editor, Documentatie, Dashboard en navigatie-UI.
- Verbeterd: ondersteuning voor de donkere modus in het hele beheerpaneel.
- Improved: Responsive layouts and frontend controls.
- Opgelost: diverse filter-, caching-, UI-, shortcode- en donkere modus-problemen.
1.2.0
- Toegevoegd: datumkiezerfilter.
- Added: Woo Rating filter for WooCommerce.
- Toegevoegd: weergavestijlen Lijst, Knoppen, Kleurswatches en Afbeeldingsswatches.
- Verbeterd: WooCommerce productfiltering en resultaatkaarten.
- Improved: Dark Mode and frontend result card styles.
- Improved: Translation readiness across the admin dashboard and frontend.
- Opgelost: waarden van bereikfilters werden niet correct toegepast.
- Fixed: Multiple Dark Mode and frontend card display issues.
1.1.0
- Toegevoegd: resultaatkaartstijlen Klassiek, Minimaal, Winkelkaart en Donkere overlay.
- Added: WooCommerce price, sale badge, and Add to Cart support.
- Added: Custom card template tokens.
- Toegevoegd: individuele filtershortcodes met behulp van het attribuut
only. - Added: Responsive mobile navigation for the admin dashboard.
- Toegevoegd: Detectie van Elementor- en Gutenberg-frontend-assets.
- Verbeterd: vertaalgeschiktheid en beheer-gebruikersinterface.
- Fixed: Multiple frontend, shortcode, and integration issues.
1.0.0
- Added: Checkbox, Radio, Dropdown, Range Slider, Search, and A Z filter types.
- Toegevoegd: paginering, meer laden en oneindig scrollen.
- Toegevoegd: Elementor widgets.
- Toegevoegd: Gutenberg blokken.
- Toegevoegd: Visuele Query Builder.
- Toegevoegd: Filter Set Builder.
- Added: Responsive grid layouts and column switcher.
- Toegevoegd: AJAX filtering en live resultaat updates.
- Toegevoegd: resultaat aantal shortcode.
- Toegevoegd: Filter-, Raster-, Paginering- en Aantal-shortcodes.
- Toegevoegd: query-caching.
- Toegevoegd: React aangedreven beheer dashboard.
- Added: REST API for frontend filtering and admin management.
- Toegevoegd: Voorwaardelijk laden van frontend-assets.
- Toegevoegd: beveiligingsharding en input sanitization.