Adds a product quick view with add to cart and fixes AI natural-language search with Google Gemini. If you use Gemini, re-save FilterOrbit > AI Settings with gemini-3.8-flash.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3599491,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3599491,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1","1.0.2","1.0.3"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3719832,"resolution":"1","location":"assets","locale":"","width":1192,"height":927},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3719832,"resolution":"2","location":"assets","locale":"","width":1192,"height":927},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3719614,"resolution":"3","location":"assets","locale":"","width":1362,"height":840},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3719614,"resolution":"4","location":"assets","locale":"","width":1252,"height":832},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3719832,"resolution":"5","location":"assets","locale":"","width":1192,"height":927}},"screenshots":{"1":"Storefront: filter sidebar with category checkboxes and price histogram, AI search bar, and product cards with add-to-cart buttons.","2":"AI natural-language search: \"shirts under 20\" ticks the Shirts category and sets the price range automatically.","3":"Filter Designer: drag and drop filters into columns and set column widths.","4":"Settings: enable AI search, visual discovery, personalisation, product counts, and client-side caching.","5":"Product quick view: image slider, price, stock status, scrollable description, quantity, and add to cart without leaving the page."}},"plugin_section":[],"plugin_tags":[5861,37961,267787,6033,37974],"plugin_category":[45],"plugin_contributors":[269283],"plugin_business_model":[],"class_list":["post-336262","plugin","type-plugin","status-publish","hentry","plugin_tags-ajax-filter","plugin_tags-ajax-product-filter","plugin_tags-layered-navigation","plugin_tags-product-filter","plugin_tags-woocommerce-filter","plugin_category-ecommerce","plugin_contributors-sakibbd08","plugin_committers-sakibbd08"],"banners":{"banner":"https:\/\/ps.w.org\/filterorbit-product-filters\/assets\/banner-772x250.png?rev=3599491","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/filterorbit-product-filters\/assets\/icon-256x256.png?rev=3599491","icon_2x":"https:\/\/ps.w.org\/filterorbit-product-filters\/assets\/icon-256x256.png?rev=3599491","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/filterorbit-product-filters\/assets\/screenshot-1.png?rev=3719832","caption":"Storefront: filter sidebar with category checkboxes and price histogram, AI search bar, and product cards with add-to-cart buttons."},{"src":"https:\/\/ps.w.org\/filterorbit-product-filters\/assets\/screenshot-2.png?rev=3719832","caption":"AI natural-language search: \"shirts under 20\" ticks the Shirts category and sets the price range automatically."},{"src":"https:\/\/ps.w.org\/filterorbit-product-filters\/assets\/screenshot-3.png?rev=3719614","caption":"Filter Designer: drag and drop filters into columns and set column widths."},{"src":"https:\/\/ps.w.org\/filterorbit-product-filters\/assets\/screenshot-4.png?rev=3719614","caption":"Settings: enable AI search, visual discovery, personalisation, product counts, and client-side caching."},{"src":"https:\/\/ps.w.org\/filterorbit-product-filters\/assets\/screenshot-5.png?rev=3719832","caption":"Product quick view: image slider, price, stock status, scrollable description, quantity, and add to cart without leaving the page."}],"raw_content":"\n
FilterOrbit adds a powerful, instant-filtering sidebar to your WooCommerce store. All filtering runs client-side on a pre-cached product array \u2014 no page reloads, no AJAX round-trips.<\/p>\n\n
Features<\/strong><\/p>\n\n FilterOrbit includes an optional AI natural-language search feature. When enabled and configured, the plugin sends product search queries and product data to third-party AI services. This feature is opt-in<\/strong> \u2014 it only activates if you enter an API key in the AI Settings screen. No data is sent without your explicit configuration.<\/p>\n\n OpenAI<\/strong><\/p>\n\n Google Gemini<\/strong><\/p>\n\n If you do not enter any API keys in the AI Settings screen, no data is ever transmitted to these services.<\/p>\n\n The compiled JavaScript assets ( https:\/\/github.com\/sakib08\/FilterOrbit<\/p>\n\n Build instructions (requires Node.js 18+):<\/p>\n\n Yes. FilterOrbit requires WooCommerce to be active.<\/p><\/dd>\n No. All product data is pre-loaded on page render and filtering runs entirely in the browser with zero network requests. You get the instant, no-reload experience of an AJAX product filter without the server round-trips. The only request FilterOrbit makes is the optional AI natural-language search, and only when you have configured an AI provider.<\/p><\/dd>\n Add the shortcode Product category, product tag, price (range slider with histogram), and every global or custom WooCommerce attribute, including variation attributes such as colour and size. Each filter can be shown as a checkbox list, pills, a range slider, or a visual discovery swatch grid.<\/p><\/dd>\n Go to FilterOrbit > AI Settings<\/strong>, choose OpenAI or Google Gemini, paste your API key, pick a model, and enable the AI Natural Language Filter in FilterOrbit > Settings<\/strong>. Shoppers can then type queries like \"blue shirts under $30\" and the matching filters are applied automatically. If the AI provider is unreachable, FilterOrbit falls back to a built-in keyword parser.<\/p><\/dd>\n The feature is included in the plugin at no cost. You pay your AI provider directly for API usage; Google Gemini offers a free tier that is enough for most small stores.<\/p><\/dd>\n FilterOrbit renders inside its own scoped container with prefixed CSS classes, so it does not conflict with theme styles. It works with both block themes and classic themes.<\/p><\/dd>\n FilterOrbit pre-loads up to 100 published products on the page so filtering is instant. It is designed for small and medium catalogs where instant, no-reload layered navigation matters most.<\/p><\/dd>\n Yes. FilterOrbit > Language<\/strong> lets you edit every front-end label, placeholder, and message. The plugin is also translation-ready using the Yes. Each filter block has independent colour settings in the Block Settings panel of the filter designer. Slider filters, pill\/category filters, and layout blocks each expose the colour controls that are relevant to them.<\/p><\/dd>\n\n<\/dl>\n\n\n\n
External services<\/h3>\n\n
\n
\n
Source code<\/h3>\n\n
assets\/admin\/filter-orbit-admin.js<\/code> and assets\/frontend\/filter-orbit.js<\/code>) are built from human-readable React\/TypeScript source files. The full source code is publicly available at:<\/p>\n\n\n
npm install<\/code><\/li>\nnpm run build<\/code><\/li>\n<\/ol>\n\n\n\n
filterorbit-product-filters<\/code> folder to the \/wp-content\/plugins\/<\/code> directory.<\/li>\n[filter_orbit]<\/code> to any page, or enable the automatic shop sidebar in settings.<\/li>\n<\/ol>\n\n\n\n
Does it require WooCommerce?<\/h3><\/dt>\n
Does filtering require AJAX calls?<\/h3><\/dt>\n
How do I add the filters to my shop?<\/h3><\/dt>\n
[filter_orbit]<\/code> to any page, post, or block (use the Shortcode block in the block editor). The layout you save in FilterOrbit > Filter Designer<\/strong> is what visitors see.<\/p><\/dd>\nWhich filters are available?<\/h3><\/dt>\n
How do I set up AI natural-language search?<\/h3><\/dt>\n
Is the AI search free?<\/h3><\/dt>\n
Will it work with my theme?<\/h3><\/dt>\n
How many products can it handle?<\/h3><\/dt>\n
Can I change the text shown to shoppers?<\/h3><\/dt>\n
filterorbit-product-filters<\/code> text domain.<\/p><\/dd>\nCan I customise the colours?<\/h3><\/dt>\n
1.0.3<\/h4>\n\n
\n
1.0.2<\/h4>\n\n
\n
1.0.1<\/h4>\n\n
\n