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.

Syed Balkhi

WPBeginner

<h4>WordPress Full Screen Search</h4>
<p>This plugin allows you to create a full screen search overlay in WordPress.</p>
<p>There are no settings for this plugin. Simply activate it, and it works.</p>
<p>Once the plugin is activated, you can click on an existing search field or search button, and it will display the full screen search overlay.</p>
<p>Basically this plugin displays a full screen search overlay for your default WordPress search forms.</p>
<h4>Credits</h4>
<p>This plugin is created by <a href="http://www.wpbeginner.com/" title="WPBeginner" rel="friend nofollow ugc">WPBeginner</a> as part of <a href="https://syedbalkhi.com" title="Syed Balkhi - Founder of WPBeginner" rel="friend nofollow ugc">Syed Balkhi’s</a> internal project.</p>
<h4>What’s Next</h4>
<p>If you like this plugin, then consider checking out our other projects:</p>
<ul>
<li><a href="http://optinmonster.com/" title="OptinMonster" rel="friend nofollow ugc">OptinMonster</a> – Get More Email Subscribers</li>
<li><a href="http://soliloquywp.com/" title="Soliloquy" rel="friend nofollow ugc">Soliloquy</a> – Best WordPress Slider Plugin</li>
<li><a href="http://enviragallery.com/" title="Envira Gallery" rel="friend nofollow ugc">Envira Gallery</a> – Best WordPress Gallery Plugin</li>
</ul>
<p>Visit <a href="http://www.wpbeginner.com/" title="WPBeginner" rel="friend nofollow ugc">WPBeginner</a> to learn from our <a href="http://www.wpbeginner.com/category/wp-tutorials/" title="WordPress Tutorials" rel="friend nofollow ugc">WordPress Tutorials</a> and find out about other <a href="http://www.wpbeginner.com/category/plugins/" title="Best WordPress Plugins" rel="friend nofollow ugc">best WordPress plugins</a>.</p>
<p>We also offer <a href="http://videos.wpbeginner.com/" title="Free WordPress video tutorials" rel="friend nofollow ugc">free WordPress video tutorials</a> and numerous comprehensive guides such as <a href="http://www.wpbeginner.com/wordpress-hosting/" title="How to Choose the Best WordPress Hosting" rel="friend nofollow ugc">how to choose the best WordPress hosting</a>, <a href="http://www.wpbeginner.com/how-to-install-wordpress/" title="Step by Step Tutorial on How to Install WordPress" rel="friend nofollow ugc">how to install WordPress</a>, and more.</p>
<h4>Note for Beginners</h4>
<p>Like all plugins available for download, Full Screen Search Overlay is only available for self-hosted WordPress sites. This means you will need to <a href="http://www.wpbeginner.com/wp-tutorials/how-to-properly-move-your-blog-from-wordpress-com-to-wordpress-org/" rel="friend nofollow ugc">switch from WordPress.com to WordPress.org</a> if you want to use this plugin on your WordPress site. For more details, see my infographic on <a href="http://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/" title="WordPress.org vs. Free WordPress.com " rel="Friend nofollow ugc">Self hosted WordPress.org vs Free WordPress.com</a></p>
<p>Lastly, do consider following WPBeginner on <a href="http://twitter.com/wpbeginner" rel="nofollow ugc">Twitter</a>, <a href="http://facebook.com/wpbeginner" rel="nofollow ugc">Facebook</a>, and <a href="http://youtube.com/wpbeginner" rel="nofollow ugc">YouTube</a>.</p>


WordPress Full Screen Search Overlay

Create a Full Screen Search Overlay Effect in WordPress.

Simple AJAX Product Search for WooCommerce vs WordPress Full Screen Search Overlay