Title: Simple AJAX Product Search for WooCommerce Author: tfbgloballtd Published: 19 November 2025 Last modified: 27 November 2025 --- Cari plugin ![](https://ps.w.org/simple-ajax-product-search-for-woocommerce/assets/banner-772x250. png?rev=3402669) Plugin ini **belum teruji dangan 3 rilis besar WordPress**. Kemungkinan tidak lagi dipelihara atau didukung, dan mungkin menghadapi masalah kompatibilitas bila digunakan dengan versi WordPress yang lebih baru. ![](https://ps.w.org/simple-ajax-product-search-for-woocommerce/assets/icon-256x256. png?rev=3402606) # Simple AJAX Product Search for WooCommerce Oleh [tfbgloballtd](https://profiles.wordpress.org/tfbgloballtd/) [Unduh](https://downloads.wordpress.org/plugin/simple-ajax-product-search-for-woocommerce.1.0.zip) * [Detail](https://id.wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/#description) * [Ulasan](https://id.wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/#reviews) * [Instalasi](https://id.wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/#installation) * [Pengembangan](https://id.wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/#developers) [Bantuan](https://wordpress.org/support/plugin/simple-ajax-product-search-for-woocommerce/) ## Deskripsi πŸš€ **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** ## Tangkapan Layar [βŒŠπŸ” Search overlay (frontend) β€” Live AJAX results displayed in the overlay.βŒ‰βŒŠπŸ” Search overlay (frontend) β€” Live AJAX results displayed in the overlay.βŒ‰[ πŸ” **Search overlay (frontend)** β€” Live AJAX results displayed in the overlay. [βŒŠπŸ” Mobile search overlay (frontend) β€” Live AJAX results displayed in the overlay on mobile devices.βŒ‰βŒŠπŸ” Mobile search overlay (frontend) β€” Live AJAX results displayed in the overlay on mobile devices.βŒ‰[ πŸ” **Mobile search overlay (frontend)** β€” Live AJAX results displayed in the overlay on mobile devices. [βŒŠβš™οΈ Admin settings panel (backend) β€” Configure layout, behaviour, styling and Pro options.βŒ‰βŒŠβš™οΈ Admin settings panel (backend) β€” Configure layout, behaviour, styling and Pro options.βŒ‰[ βš™οΈ **Admin settings panel (backend)** β€” Configure layout, behaviour, styling and Pro options. [⌊🧭 Search toggle in the navigation menu (frontend) β€” Seamless integration with any menu.βŒ‰βŒŠπŸ§­ Search toggle in the navigation menu (frontend) β€” Seamless integration with any menu.βŒ‰[ 🧭 **Search toggle in the navigation menu (frontend)** β€” Seamless integration with any menu. [βŒŠπŸŽ› Navigation menu setup (backend) β€” Add the toggle via Appearance β†’ Menus.βŒ‰βŒŠπŸŽ› Navigation menu setup (backend) β€” Add the toggle via Appearance β†’ Menus.βŒ‰[ πŸŽ› **Navigation menu setup (backend)** β€” Add the toggle via Appearance Menus. [⌊🧩 Gutenberg block (backend) β€” Insert the search toggle into templates.βŒ‰βŒŠπŸ§© Gutenberg block (backend) β€” Insert the search toggle into templates.βŒ‰[ 🧩 **Gutenberg block (backend)** β€” Insert the search toggle into templates. ## Blok Plugin ini menyediakan 1 blok. * Simple AJAX Product Search for WooCommerce Toggle A toggle button to open the AJAX product search overlay. ## Instalasi 1. Upload the plugin folder to `/wp-content/plugins/simple-ajax-product-search-for- woocommerce/` β€” or install it via **Plugins Add New**. 2. Activate the plugin through the β€˜Plugins’ screen in WordPress. 3. Visit **Simple AJAX Search** in the WP Admin menu to configure settings. 4. Add the search toggle via: 5. * Appearance Menus * The shortcode * The Gutenberg block ## Tanya Jawab ### Is this plugin compatible with any theme? Yes, it is designed to work with any WooCommerce compatible theme. ### Can I customise colours and styling? Yes, the free version includes essential visual options. Pro unlocks advanced layout and logo controls. ### Is the overlay mobile-friendly? Absolutely, it is fully responsive and optimised for mobile devices. ### Does this plugin support β€œLoad More” functionality? Yes, this is available in the **Pro version**. ### Does it include a Gutenberg block? Yes, the toggle button can be inserted anywhere using the block editor. ## Ulasan Belum ada ulasan untuk plugin ini. ## Kontributor & Pengembang β€œSimple AJAX Product Search for WooCommerce” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini. Kontributor * [ tfbgloballtd ](https://profiles.wordpress.org/tfbgloballtd/) [Terjemahkan β€œSimple AJAX Product Search for WooCommerce” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/simple-ajax-product-search-for-woocommerce) ### Tertarik mengembangkan? [Lihat kode](https://plugins.trac.wordpress.org/browser/simple-ajax-product-search-for-woocommerce/), periksa [repositori SVN ](https://plugins.svn.wordpress.org/simple-ajax-product-search-for-woocommerce/), atau mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/simple-ajax-product-search-for-woocommerce/) melalui [RSS](https://plugins.trac.wordpress.org/log/simple-ajax-product-search-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Log Perubahan #### 1.0 * Initial release πŸŽ‰ ## Meta * Versi **1.0** * Diperbarui **11 bulan yang lalu** * Instalasi Aktif **Kurang dari 10** * Versi WordPress ** 5.5 atau yang terbaru ** * Diuji hingga **6.8.11** * Versi PHP ** 7.4 atau yang terbaru ** * Bahasa * [English (US)](https://wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/) * Tag * [ajax search](https://id.wordpress.org/plugins/tags/ajax-search/)[live search](https://id.wordpress.org/plugins/tags/live-search/) [product search](https://id.wordpress.org/plugins/tags/product-search/)[search overlay](https://id.wordpress.org/plugins/tags/search-overlay/) [woocommerce](https://id.wordpress.org/plugins/tags/woocommerce/) * [Tampilan lanjut](https://id.wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/advanced/) ## Rating No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/simple-ajax-product-search-for-woocommerce/reviews/#new-post) [Lihat semua ulasan](https://wordpress.org/support/plugin/simple-ajax-product-search-for-woocommerce/reviews/) ## Kontributor * [ tfbgloballtd ](https://profiles.wordpress.org/tfbgloballtd/) ## Bantuan Ada yang ingin dikatakan? Butuh bantuan? [Lihat forum bantuan](https://wordpress.org/support/plugin/simple-ajax-product-search-for-woocommerce/)