前言介紹
- 這款 WordPress 外掛「Simple AJAX Product Search for WooCommerce」是 2025-11-18 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-11-27，距離現在已有 91 天。
- 外掛最低要求 WordPress 5.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
ajax search | live search | woocommerce | product search | search overlay |
內容簡介
總結：Simple AJAX Product Search for WooCommerce 使用 AJAX 技術提供快速且便於使用的產品搜索體驗。它可以即時顯示結果在全屏覆蓋層上，增強購物體驗並保持用戶參與度。
問題與答案：
1. 這個外掛提供了哪些特點？
- 透過 AJAX 技術即時顯示搜索結果
- 手機友好的覆蓋式設計
- 可將搜索切換添加到選單或通過短代碼
- 可定制顏色、布局和外觀
- 完全相容 WooCommerce
2. 如何在網站上使用 toggle 按鈕？
- 您可以在任何地方使用以下短代碼來顯示切換按鈕：[sapsfwc_button label="Search Products"]
3. 是否可以查看外掛的原始碼？
- 是的，外掛中包含了易於閱讀的編譯區塊文件的原始碼。
4. 這個外掛需要哪些建構步驟？
- 需要 Node.js。在區塊目錄內執行以下指令：
1. cd blocks/simple-ajax-product-search-toggle
2. npm install
3. npm run build（輸出到 /build）
5. 是否有第三方庫？
- 是的，第三方庫包括 assets/js/wp-color-picker-alpha.min.js
- 來源和專案：https://github.com/kallookoo/wp-color-picker-alpha
- 授權：GPLv2 或更新版本
6. 這個外掛是由誰開發的？
- 由 [TFB Global Ltd] 開發。
原文外掛簡介
🚀 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:
cd blocks/simple-ajax-product-search-toggle
npm install
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
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Simple AJAX Product Search for WooCommerce」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
WordPress Full Screen Search Overlay 》WordPress全屏搜索, 該插件允許您在WordPress中創建全屏搜索疊加層。, 此插件沒有任何設置。只需啟用它，它就可以工作。, 啟用插件後，您可以單擊現有的搜索...。
Full Screen Morphing Search 》請在啟用插件之前確保至少有一個帶有一個分類和一個標籤的文章。, 壓縮檔：V2.7 -> 683Ko / V3.0 -> 33.6Ko！, 比以往更輕，但更強大！, 對於任何 Word...。