Aizaz Ali

<p>PopSearch Live gives your WooCommerce store a beautiful fullscreen search experience. When a visitor clicks the search icon, a smooth overlay opens showing:</p>
<ul>
<li><strong>Live product search</strong> — results appear as they type (searches name, description and SKU)</li>
<li><strong>Category filter</strong> — dropdown to narrow results to one category before searching</li>
<li><strong>Trending tags</strong> — auto-generated from your real product categories and names; hidden if the store is empty</li>
<li><strong>Popular Categories</strong> — displayed as a grid (≤6) or a slider with black arrow buttons (7+)</li>
<li><strong>One-click shortcodes</strong> — copy any shortcode directly from the Settings page</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>Zero configuration required — works out of the box</li>
<li>Inherits your theme’s global font family — no visual conflicts</li>
<li>Accent color picker in Settings — match your brand in seconds</li>
<li>Category images pulled from WooCommerce Product Categories thumbnails</li>
<li>Slider activates automatically when you have more than 6 categories</li>
<li>Mobile responsive — stacks cleanly on small screens</li>
<li>Fully accessible — ARIA roles, keyboard navigation, ESC to close</li>
<li>Compatible with Elementor, Divi, Astra, OceanWP, GeneratePress, Flatsome, Storefront, Avada, Kadence, Blocksy, Hello Theme and more</li>
<li>HPOS (High-Performance Order Storage) compatible</li>
<li>GPL-2.0 licensed</li>
</ul>
<h4>How to Add the Search Button</h4>
<p>After activation go to <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> PopSearch Live</strong> and copy any shortcode.</p>
<pre><code>[pslw_search_button] — icon only (recommended for headers)
[pslw_search_button label="Search"] — icon with label
[pslw_search_button label="Find Products"] — icon with custom label
</code></pre>
<p>Paste the shortcode into an Elementor HTML widget, a Classic widget, or any PHP template:</p>
<pre><code><?php echo do_shortcode('[pslw_search_button]'); ?>
</code></pre>
<h4>Requirements</h4>
<ul>
<li>WordPress 5.8+</li>
<li>WooCommerce 5.0+</li>
<li>PHP 7.4+</li>
</ul>


PopSearch Live for WooCommerce

Fullscreen search popup with live product search, category slider and trending tags for WooCommerce stores.

tfbgloballtd

<p>🚀 <strong>Simple AJAX Product Search for WooCommerce</strong> delivers a fast, modern and intuitive product search experience that helps customers find items instantly without reloading the page.</p>
<p>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.</p>
<p>💡 Lightweight, responsive and compatible with major themes, this plugin integrates seamlessly with WooCommerce stores of any size.</p>
<h3>✨ Free Features (✔ included)</h3>
<p>✔ <strong>Instant AJAX product search</strong><br />
✔ <strong>Full screen responsive search overlay</strong><br />
✔ <strong>Smooth animations & modern design</strong><br />
✔ <strong>Add a search toggle to your navigation menu</strong><br />
✔ <strong>Dedicated Gutenberg block for easy placement</strong><br />
✔ <strong>Shortcode support:</strong><br />
[sapsfwc_button label=”Search Products”]<br />
✔ <strong>Works with any WooCommerce compatible theme</strong><br />
✔ <strong>Fully responsive</strong> (mobile, tablet, desktop)<br />
✔ <strong>Lightweight & fast</strong> — minimal impact on performance</p>
<h3>🔥 Pro Features (🚀 upgrade available)</h3>
<p>Unlock additional layout and display options with <strong>Simple AJAX Product Search for WooCommerce Pro</strong>:</p>
<p>📐 <strong>Advanced Layout Controls</strong><br />
– Load More results button<br />
– Products Per Page<br />
– Columns on Desktop<br />
– Columns on Mobile<br />
– Custom Container Width<br />
– Adjustable Screen Height</p>
<p>🎨 <strong>Branding Enhancements</strong><br />
– Logo Image<br />
– Max Logo Width<br />
– Max Logo Height</p>
<p>These options let you fine-tune the search overlay and improve product visibility.</p>
<h3>⌨ Shortcode</h3>
<p>Use this shortcode anywhere you’d like to display the toggle button:</p>
<p>[sapsfwc_button label=”Search Products”]</p>
<h3>🧩 Gutenberg Block</h3>
<p>Insert the search toggle directly inside templates, headers or page layouts using the included block:</p>
<p><strong>Simple AJAX Product Search Toggle</strong></p>
<h3>Source Code</h3>
<p>The human-readable source for compiled block files is included in the plugin.</p>
<p>Block source (for files under blocks/…/build):<br />
– blocks/simple-ajax-product-search-toggle/ (edit.js, save.js, index.js, editor.scss, style.scss)</p>
<h3>Build Instructions</h3>
<p>Requires Node.js. From within the block directory:</p>
<ol>
<li>cd blocks/simple-ajax-product-search-toggle</li>
<li>npm install</li>
<li>npm run build (outputs to /build)</li>
</ol>
<h3>Third-Party Libraries</h3>
<ul>
<li><strong>wp-color-picker-alpha</strong><br />
File: <code>assets/js/wp-color-picker-alpha.min.js</code><br />
Source: https://github.com/kallookoo/wp-color-picker-alpha<br />
License: GPLv2 or later</li>
</ul>
<h3>Credits</h3>
<p>Developed by <strong>TFB Global Ltd</strong></p>


Simple AJAX Product Search for WooCommerce

Fast and responsive AJAX product search for WooCommerce with instant results, clean UI and simple menu or shortcode integration.

PopSearch Live for WooCommerce vs Simple AJAX Product Search for WooCommerce