Simple AJAX Product Search for WooCommerce

Simple AJAX Product Search for WooCommerce

Details
View on WordPress

πŸš€ Simple AJAX Product Search for WooCommerce delivers a fast, modern and intuitive product search experience that helps customers find items instantly without reloading the page.

As the user types, results appear immediately in a clean, full screen overlay. This provides a distraction free search experience that improves product discovery and increases conversions.

πŸ’‘ Lightweight, responsive and compatible with major themes, this plugin integrates seamlessly with WooCommerce stores of any size.

✨ Free Features (βœ” included)

βœ” Instant AJAX product search
βœ” Full screen responsive search overlay
βœ” Smooth animations & modern design
βœ” Add a search toggle to your navigation menu
βœ” Dedicated Gutenberg block for easy placement
βœ” Shortcode support:
[sapsfwc_button label=”Search Products”]
βœ” Works with any WooCommerce compatible theme
βœ” Fully responsive (mobile, tablet, desktop)
βœ” Lightweight & fast β€” minimal impact on performance

πŸ”₯ Pro Features (πŸš€ upgrade available)

Unlock additional layout and display options with Simple AJAX Product Search for WooCommerce Pro:

πŸ“ Advanced Layout Controls
– Load More results button
– Products Per Page
– Columns on Desktop
– Columns on Mobile
– Custom Container Width
– Adjustable Screen Height

🎨 Branding Enhancements
– Logo Image
– Max Logo Width
– Max Logo Height

These options let you fine-tune the search overlay and improve product visibility.

⌨ Shortcode

Use this shortcode anywhere you’d like to display the toggle button:

[sapsfwc_button label=”Search Products”]

🧩 Gutenberg Block

Insert the search toggle directly inside templates, headers or page layouts using the included block:

Simple AJAX Product Search Toggle

Source Code

The human-readable source for compiled block files is included in the plugin.

Block source (for files under blocks/…/build):
– blocks/simple-ajax-product-search-toggle/ (edit.js, save.js, index.js, editor.scss, style.scss)

Build Instructions

Requires Node.js. From within the block directory:

  1. cd blocks/simple-ajax-product-search-toggle
  2. npm install
  3. npm run build (outputs to /build)

Third-Party Libraries

  • wp-color-picker-alpha
    File: assets/js/wp-color-picker-alpha.min.js
    Source: https://github.com/kallookoo/wp-color-picker-alpha
    License: GPLv2 or later

Credits

Developed by TFB Global Ltd

Details

Plugin code:
simple-ajax-product-search-for-woocommerce
Plugin version:
1.0
Outdated:
No
WP version:
5.5 or higher
PHP version:
7.4 or higher
Test up to WP version:
6.8.3
Total installations:
0
Last updated:
2025-11-27
Rating:
Times rated:
0
ajax-search
live-search
product-search
search-overlay
woocommerce