Instant AJAX Autocomplete
Live results as you type, debounced AJAX requests (default 200ms) fire after the minimum query length is met
Search Autocomplete for Magento 2
Intelligent search autocomplete for Magento 2, instant AJAX results with product suggestions, SKU search, description matching, category & CMS page results, layered navigation of result sections, and fully configurable result counts.
Magento 2.4.6, 2.4.8
PHP 8.1, 8.4
Hyva + Luma Ready
Free
Key Features:
- Instant AJAX Autocomplete
- Merchant Controls
- Security & Performance
- Developer-Friendly
Additional Services
$0.00
In stock
SKU
panth-search-autocomplete
Lifetime Updates
Every Magento release
1-Year Free Support
Email + WhatsApp
Adobe-Certified
Magento 2 Developer
Free Forever
No subscription, no upsell
What you get
Everything in the box
Built-in from day one. No add-ons, no upsell, no licence keys to renew.
Merchant Controls
Configurable result count, independent products_limit, categories_limit, pages_limit, and popular_limit
Security & Performance
9 layers of bot protection, form-key validation, per-IP rate limiting, query length caps, honeypot fields, referer checks, and more
Developer-Friendly
MEQP compliant, passes Adobe's Magento Extension Quality Program
Overview
Panth Search Autocomplete is an instant AJAX search extension for Magento 2 and Adobe Commerce that surfaces matching products, categories, and CMS pages the moment a shopper starts typing in the storefront search box.
The module replaces the slow stock search input with a debounced AJAX dropdown that shows product thumbnails, prices, SKU matches, short and long description hits, related categories, CMS pages, and popular queries. Each result section can be toggled, limited, and styled independently from the admin, so merchandisers control exactly what shoppers see first on every storefront.
Built for high-traffic Magento 2 catalogs, Panth Search Autocomplete is engine-agnostic: it works on Elasticsearch 7 and 8, OpenSearch, and the MySQL fallback engine without configuration changes. A dedicated cache type, nine-layer bot protection (form-key validation, per-IP rate limiting, query-length caps, honeypots), and full keyboard plus ARIA accessibility keep search autocomplete fast, secure, and inclusive on both Hyvä and Luma themes.
It is the right search autocomplete extension for merchants who want to recover lost search revenue, reduce zero-result exits, and give shoppers a predictive, conversion-focused finding experience without touching a single template file.
Best for:
- Magento 2 catalogs with 1,000+ SKUs where on-site search drives meaningful revenue
- Hyvä and Luma stores that need a drop-in autocomplete with bot protection built in
- Merchandisers who want per-section result limits, popular searches, and CMS results in one dropdown
What you get
Panth Search Autocomplete bundles every signal a Magento 2 shopper needs into a single configurable dropdown:
- Instant debounced AJAX results across product name, SKU, short description, and full description
- Per-section toggles and result-count limits for products, categories, CMS pages, and popular searches
- Engine-agnostic support for Elasticsearch 7 and 8, OpenSearch, and MySQL fallback
- Nine-layer bot protection with form-key validation, per-IP rate limiting, and honeypot fields
- Dedicated cache type plus full keyboard and ARIA accessibility on Hyvä and Luma
Panth Search Autocomplete, Intelligent Instant Search & AJAX Product Suggestions for Magento 2
Intelligent search autocomplete for Magento 2, instant AJAX results with product suggestions, SKU search, description matching, category & CMS page results, layered navigation of result sections, and fully configurable result counts. Works flawlessly on both Hyva and Luma themes with engine-agnostic support for Elasticsearch 7/8, OpenSearch, and the MySQL fallback search engine.
Panth Search Autocomplete turns the sluggish stock Magento search box into a lightning-fast, conversion-focused shopping assistant. As shoppers type, the dropdown instantly surfaces matching products (with images and prices), related categories, CMS pages, and popular searches, all via debounced AJAX calls that bypass full page loads. Every result section can be toggled, limited, and styled independently, giving merchandisers complete control over what shoppers see first.
The module searches across product name, SKU, short description, and full description using Magento's configured search engine, so results stay consistent with the on-site search results page. A dedicated cache type, 9-layer bot protection (form-key validation, per-IP rate limiting, query length caps, honeypots), and full keyboard & ARIA accessibility keep it fast, secure, and inclusive. Whether you run a high-traffic Luma storefront or a modern Hyva + Alpine.js build, Panth Search Autocomplete drops in with zero frontend conflicts.
Key Features
Instant AJAX Autocomplete
- Live results as you type, debounced AJAX requests (default 200ms) fire after the minimum query length is met
- Product suggestions with images & prices, show thumbnail, name, price, SKU and short description per hit
- SKU search, match exact or partial SKUs so B2B customers can find products by code
- Description matching, searches short and long descriptions, not just the product name
- Category suggestions, surface matching category links so shoppers can jump directly to listings
- CMS page suggestions, show matching pages (about, shipping, FAQ) right inside the dropdown
- Popular & recent searches, display trending queries when the input is empty or too short
- Layered result navigation, each result section (products / categories / pages / popular) is an independent block with its own limit and visibility toggle
Merchant Controls
- Configurable result count, independent
products_limit,categories_limit,pages_limit, andpopular_limit - Min / max query length, default 2–64 characters (hard cap prevents DoS via huge queries)
- Debounce interval, tune request frequency between responsiveness and server load
- Show / hide product images, prices, category section, CMS section, popular section, all per store view
- Engine-agnostic, uses whatever search engine Magento is configured with (Elasticsearch 7, 8, OpenSearch, or MySQL fallback)
Security & Performance
- 9 layers of bot protection, form-key validation, per-IP rate limiting, query length caps, honeypot fields, referer checks, and more
- Dedicated cache type,
panth_search_autocompletecache is auto-invalidated on catalog / CMS changes - Lightweight frontend, no jQuery dependency on Hyva, Alpine.js-powered; graceful Luma KnockoutJS implementation
- ARIA-accessible markup, full keyboard navigation (arrow keys, Enter, Escape) and screen-reader support
Developer-Friendly
- MEQP compliant, passes Adobe's Magento Extension Quality Program
- PSR-12 code style, clean, documented, fully typed
- Composer-installable, no manual file copying
- Zero third-party dependencies, uses only Magento framework classes
How It Works
- Shopper types in the search box.
- JavaScript debounces input (configurable, default 200ms) and validates minimum length.
- AJAX request hits
/panth_searchautocomplete/ajax/indexwith the form key. - Controller validates form key, checks per-IP rate limit, and normalises the query.
- Cache layer is checked, if hit, response is returned in <5ms.
- On cache miss, the module queries Magento's configured search engine across name, SKU, short description and description fields.
- Results are assembled into sections (products, categories, CMS pages, popular searches), each respecting its own limit.
- JSON response is cached and rendered into the dropdown via Alpine.js (Hyva) or Knockout (Luma).
Search Fields & Matching
Panth Search Autocomplete queries the following product attributes through Magento's configured search engine:
- Name, primary match
- SKU, exact and partial matches (critical for B2B stores)
- Short Description, keyword matching
- Description, full-text matching
- URL Key, fallback for slug-based queries
Category suggestions match against category name and description. CMS page suggestions match title and content heading. All matching honours store view scope, website scope, and visibility / status flags, out-of-stock and disabled products never appear.
Bot & Abuse Protection
Search endpoints are a favourite target for scrapers and DoS attackers. Panth Search Autocomplete ships with 9 defensive layers enabled by default:
- Form-key validation, rejects requests without a valid Magento session form_key.
- Per-IP rate limiting, configurable requests/minute, backed by Magento cache.
- Query length cap,
max_query_lengthrejects oversized payloads. - Minimum query length, blocks 1-character fishing queries.
- Honeypot field, hidden input that bots fill in but humans cannot.
- Referer validation, rejects cross-origin requests from non-storefront referers.
- User-agent heuristics, flags known scraper signatures.
- Response caching, repeated identical queries never re-hit the search engine.
- Query normalisation, strips control characters, collapses whitespace, lowercases.
Performance & Caching
A dedicated cache type keeps autocomplete responses blazingly fast:
- Cache key, derived from
store_id + query_hash + config_hash - Auto-invalidation, on product save, category save, CMS page save, and config change
- Cache type,
panth_search_autocomplete(listed in Admin → System → Cache Management) - Typical response time, <5ms on cache hit, 30–80ms on Elasticsearch miss
To manually flush:
bin/magento cache:clean panth_search_autocomplete
Hyva & Luma Theme Support
Hyva Theme
- Alpine.js + Tailwind CSS, no jQuery, no KnockoutJS
- Zero CLS, dropdown uses absolute positioning with reserved dimensions
- Works with Hyva Checkout, no conflicts with the Hyva ecosystem
Luma Theme
- Native KnockoutJS integration, matches stock Magento component style
- LESS theming, inherits your theme colours via CSS variables
- Magento UI Library, uses standard
_ui.lessmixins
Both implementations share the same backend controller and respond to the same configuration options, so merchants can switch themes without retraining.
Troubleshooting
| Issue | Cause | Resolution |
|---|---|---|
| Dropdown never appears | Module disabled or cache stale | Enable in config, run bin/magento cache:flush. |
| "Invalid form key" in console | Aggressive caching / Varnish | Ensure form_key is dynamic; whitelist the AJAX URL in your ESI rules. |
| No results but search page works | Search engine not reindexed | Run bin/magento indexer:reindex catalogsearch_fulltext. |
| Rate-limit errors on shared IP | Office NAT or corporate proxy | Raise Rate Limit (req / min / IP) to 120+. |
| Styles broken on Hyva | Static content not deployed | bin/magento setup:static-content:deploy -f -t Hyva/default. |
| Slow response on large catalogues | MySQL fallback engine | Switch to Elasticsearch 8 or OpenSearch, 10× faster. |
Quick Links
- Website: kishansavaliya.com
- Get a Quote: kishansavaliya.com/get-quote
- Upwork Profile (Top Rated Plus): upwork.com/freelancers/~016dd1767321100e21
- Upwork Agency: upwork.com/agencies/1881421506131960778
- Packagist: packagist.org/packages/mage2kishan/module-search-autocomplete
- GitHub: github.com/mage2sk/module-search-autocomplete
- Adobe Marketplace: commercemarketplace.adobe.com
- Email: kishansavaliyakb@gmail.com
- WhatsApp: +91 84012 70422
Ready to supercharge your Magento 2 search experience?
SEO Keywords: magento 2 search autocomplete, instant search, ajax search, search suggestions, product autocomplete, magento 2 live search, magento 2 ajax search extension, magento 2 sku search, magento 2 search by description, magento 2 layered navigation search, magento 2 elasticsearch autocomplete, magento 2 opensearch autocomplete, hyva search autocomplete, luma search autocomplete, magento 2 search dropdown, magento 2 predictive search, magento 2 search suggestions extension, magento 2 product search box, magento 2 popular searches, magento 2 recent searches, magento 2 search performance, magento 2 search bot protection, magento 2 search rate limit, panth search autocomplete, panth infotech magento, kishan savaliya magento, mage2kishan search autocomplete, top rated plus magento developer, hire magento developer upwork, magento 2.4.8 search extension, php 8.4 magento module
Compatibility
| Requirement | Versions Supported |
|---|---|
| Magento Open Source | 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8 |
| Adobe Commerce | 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8 |
| Adobe Commerce Cloud | 2.4.4-2.4.8 |
| PHP | 8.1.x, 8.2.x, 8.3.x, 8.4.x |
| Search Engine | Elasticsearch 7.x, 8.x, OpenSearch 1.x/2.x, MySQL fallback |
| Hyva Theme | 1.0+ (Alpine.js powered dropdown) |
| Luma Theme | Native support |
| Panth Core | ^1.0 (auto-installed via Composer) |
Installation
Composer Installation (Recommended)
composer require mage2kishan/module-search-autocomplete
bin/magento module:enable Panth_Core Panth_SearchAutocomplete
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush
Manual Installation via ZIP
- Download the latest release from Packagist or GitHub.
- Extract to
app/code/Panth/SearchAutocomplete/. - Ensure
Panth_Coreis also present inapp/code/Panth/Core/or installed via Composer. - Run the enable / upgrade commands above.
Verify Installation
bin/magento module:status Panth_SearchAutocomplete
# Expected output: Module is enabled
After installation, navigate to:
Admin → Stores → Configuration → Panth Extensions → Search Autocomplete
Configuration
All settings live at Stores → Configuration → Panth Extensions → Search Autocomplete.
General
| Setting | Default | Description |
|---|---|---|
| Enable Module | Yes | Master toggle for the autocomplete dropdown. |
| Minimum Query Length | 2 | Shorter queries never hit the backend. |
| Maximum Query Length | 64 | Hard cap to prevent CPU DoS via huge queries. |
| Input Debounce (ms) | 200 | Lower = more requests, higher = laggier UX. |
Result Sections
| Setting | Default | Description |
|---|---|---|
| Max Products | 8 | Number of product hits shown. |
| Max Categories | 4 | Number of matching categories. |
| Max CMS Pages | 3 | Number of matching CMS pages. |
| Max Popular Searches | 5 | Number of trending queries when input is short. |
| Show Product Images | Yes | Toggle thumbnails in dropdown. |
| Show Product Prices | Yes | Toggle prices in dropdown. |
| Show Categories Section | Yes | Toggle entire categories block. |
| Show CMS Pages Section | Yes | Toggle entire CMS pages block. |
| Show Popular Searches Section | Yes | Toggle popular-searches block. |
Caching
| Setting | Default | Description |
|---|---|---|
| Enable Result Cache | Yes | Dedicated cache type panth_search_autocomplete. |
| Cache TTL (seconds) | 300 | Auto-invalidated when products / categories / CMS pages change. |
Bot & Abuse Prevention
| Setting | Default | Description |
|---|---|---|
| Require Form Key | Yes | Rejects requests without a valid Magento form_key. |
| Rate Limit (req / min / IP) | 60 | Cache-served responses do not count. |
| Module Category | Search |
|---|---|
| Best For | All Sizes |
FAQ
Frequently Asked Questions
Does Panth Search Autocomplete work with Elasticsearch and OpenSearch?
Yes. The module is engine-agnostic, it uses whatever Magento is configured with (Elasticsearch 7, Elasticsearch 8, OpenSearch 1.x/2.x, or the MySQL fallback). No extra setup required.
Does it search by SKU?
Yes. SKU is a first-class search field. Both exact and partial SKU matches are returned, which is essential for B2B and wholesale storefronts.
Can I limit how many products, categories, or CMS pages are shown?
Yes. Each result section has an independent limit in the admin. Set any section's limit to 0 (and its visibility toggle to "No") to hide it entirely.
Does it work on Hyva?
Yes, the module ships with a dedicated Hyva implementation using Alpine.js and Tailwind CSS. No jQuery, no KnockoutJS, zero Hyva compatibility issues.
How does the rate limiting work?
Requests are counted per IP per minute, stored in Magento's default cache. Cache-served responses do not count against the limit, so frequent queries from a legitimate shopper stay fast. Abusive bots are blocked with a 429 response.
Does it slow down my store?
No. The dedicated cache, debouncing, and lightweight frontend mean typical response times stay under 10ms for cached queries. The dropdown adds no weight to initial page load, all assets are lazy-loaded when the search input is focused.
Is Panth Core required?
Yes. Panth Core is the free foundation module for all Panth extensions. Composer installs it automatically.
Does it support multi-store / multi-website setups?
Yes. All settings respect Magento's standard scope hierarchy (default → website → store view). Each store view can have its own limits, debounce, and visibility toggles.
Does this replace Magento's native contact form?
Yes. When the module is enabled, the /contact URL is handled by Panth Advanced Contact Us and the stock Magento_Contact form is bypassed. Disable the module to revert to the native form, no data loss.
Can I add more than 3 custom tabs?
Yes. Both CMS block tabs and attribute tabs support unlimited entries. Add as many as your product requires.
Does Smart Badge slow down my category pages?
No. Badge lookups are indexed and cached per product + store view + customer group, and badge rendering is pure CSS. Typical overhead is under 5ms on listing pages.
Does this module override Magento's `cms/noroute/index` controller?
No. It uses Magento's standard layout update mechanism to replace the block under the content container. The controller itself is untouched.
What triggers a price drop alert?
Any reduction in the final displayed price for the store view where the customer subscribed, catalog regular price, special price, catalog price rule discount, tier pricing, or group pricing. The module compares the current final price against the baseline captured at subscription time.
Does this replace Magento's default product gallery?
Yes, on the product detail page. When the module is enabled, the default gallery.phtml is replaced with the Panth gallery (one template for Hyva, another for Luma, chosen automatically).
Does Panth Search Autocomplete work with Elasticsearch and OpenSearch?
Yes. The module is engine-agnostic, it uses whatever Magento is configured with (Elasticsearch 7, Elasticsearch 8, OpenSearch 1.x/2.x, or the MySQL fallback). No extra setup required.
Does Panth Advanced SEO replace Magento's native SEO features?
It enhances them. Magento's native meta fields still work, Panth Advanced SEO adds template-based defaults, tokens, hreflang groups, JSON-LD, SEO scoring, and dozens of other features Magento ships without.
Will this overwrite my custom image labels?
No. Merchant-authored labels (anything other than empty, the product name, Image, main product photo, or the raw filename) are preserved. Only Magento's default placeholders get upgraded to template output.
How is this different from Magento's native "file" custom option?
Native file custom options are tied to the cart quote item and don't persist cleanly as a first-class order record. Panth Order Attachments creates dedicated panth_quote_attachment and panth_order_attachment tables, linked to the sales order item, ensuring files remain accessible for the full order lifetime, including reorders, invoices, and RMAs.
Need this customised?
Talk to Kishan directly: written quote, scope and timeline within 24 hours. No sales call.
Search Autocomplete for Magento 2
$0.00
You might also like
Related products
Step up