Title: LaunchOverlay – Coming Soon Banner for Products Author: markjgorrie Published: 2026 年 6 月 22 日 Last modified: 2026 年 6 月 22 日 --- 搜尋外掛 ![](https://ps.w.org/launchoverlay-lite/assets/banner-772x250.png?rev=3582212) ![](https://ps.w.org/launchoverlay-lite/assets/icon-256x256.png?rev=3582212) # LaunchOverlay – Coming Soon Banner for Products 由 [markjgorrie](https://profiles.wordpress.org/markjgorrie/) 開發 [下載](https://downloads.wordpress.org/plugin/launchoverlay-lite.1.1.1.zip) * [詳細資料](https://tw.wordpress.org/plugins/launchoverlay-lite/#description) * [使用者評論](https://tw.wordpress.org/plugins/launchoverlay-lite/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/launchoverlay-lite/#installation) * [開發資訊](https://tw.wordpress.org/plugins/launchoverlay-lite/#developers) [技術支援](https://wordpress.org/support/plugin/launchoverlay-lite/) ## 外掛說明 **LaunchOverlay** lets you add eye-catching banners to your WooCommerce product images so customers know a product is _Coming Soon_, _Pre-Order_, or _Launching Soon_ — before it goes live. #### Features * 5 preset banner texts: Coming Soon, Pre-Order, Launching Soon, Sold Out, Available Soon * 6 colour themes: Dark, Light, Blue, Green, Amber, Red * Adjustable colours with a visual colour picker * Banner style or Badge/Pill style * 7 placement options: Top Left, Top Centre, Top Right, Centre, Bottom Left, Bottom Centre, Bottom Right * Per-product enable/disable * Per-product banner text selection * Hide price display per product * Disable Add to Cart with configurable replacement message * Works on shop pages, category pages, and single product pages * Live preview in the settings page * WooCommerce HPOS (custom order tables) compatible * Accessible markup (aria-label on overlay) * Lightweight — no jQuery dependency, pure CSS rendering #### How It Works 1. Install and activate the plugin. 2. Go to **WooCommerce LaunchOverlay** to set global colour and style defaults. 3. Edit any product and click the **LaunchOverlay** tab in the Product Data panel. 4. Enable the overlay, choose a banner text, and optionally disable Add to Cart. 5. Save the product — the banner appears on your store immediately. #### Compatibility Works with both classic and block themes. The overlay is injected via the `woocommerce_product_get_image` filter so no theme template modifications are required. ## 安裝方式 1. Upload the `launchoverlay` folder to `/wp-content/plugins/`. 2. Activate the plugin via the **Plugins** screen. 3. Go to **WooCommerce LaunchOverlay** to configure global defaults. 4. Edit any product and use the **LaunchOverlay** tab to enable per-product banners. ## 常見問題集 ### Does this work with block themes? Yes. The overlay is injected via the `woocommerce_product_get_image` filter which works with both classic and block themes. ### Will it slow down my store? No. The plugin enqueues a single CSS file (~3 KB) and a small vanilla JS file only on WooCommerce pages. There are no external requests and no jQuery dependency. ### Can I set a different banner text per product? Yes. Every product has its own LaunchOverlay panel where you can choose from the five preset banner labels, disable Add to Cart, hide the price, and set a replacement message. ### Does it work with WooCommerce HPOS? Yes. LaunchOverlay declares full compatibility with WooCommerce High Performance Order Storage (custom order tables). ### Can I disable the Add to Cart button without removing the product from my shop? Yes. Enable the overlay, tick “Disable Add to Cart”, optionally add a replacement message, and save. The product remains visible but cannot be purchased. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈LaunchOverlay – Coming Soon Banner for Products〉的開發相關 工作。 參與者 * [ markjgorrie ](https://profiles.wordpress.org/markjgorrie/) [將〈LaunchOverlay – Coming Soon Banner for Products〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/launchoverlay-lite) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/launchoverlay-lite/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/launchoverlay-lite/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/launchoverlay-lite/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/launchoverlay-lite/)。 ## 變更記錄 #### 1.1.1 * Removed jQuery dependency — overlay JS is now pure vanilla JavaScript. * Fixed output escaping throughout to meet WordPress coding standards. * Fixed wp_unslash() usage before sanitisation on all $_POST reads. * Fixed plugin action links to use properly escaped output. * Activation hook converted to named function for compatibility. * Added 5 preset banner text options (up from 3). * Added 6 colour theme quick-references. * Updated position labels to British English spelling. * Minor code style improvements throughout. #### 1.1.0 * Improved overlay rendering via woocommerce_product_get_image filter. * Refactored admin panel with toggle switches and live preview. * HPOS compatibility declared. * Accessibility improvements. #### 1.0.0 * Initial release. ## 中繼資料 * 版本 **1.1.1** * 最後更新 **2 個月前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 6.0 或更新版本 ** * 已測試相容的 WordPress 版本 **6.9.7** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/launchoverlay-lite/) * 標籤: * [banner](https://tw.wordpress.org/plugins/tags/banner/)[coming soon](https://tw.wordpress.org/plugins/tags/coming-soon/) [pre order](https://tw.wordpress.org/plugins/tags/pre-order/)[product overlay](https://tw.wordpress.org/plugins/tags/product-overlay/) [woocommerce](https://tw.wordpress.org/plugins/tags/woocommerce/) * [進階檢視](https://tw.wordpress.org/plugins/launchoverlay-lite/advanced/) ## 評分 這個項目尚無任何評論記錄。 [撰寫評分](https://wordpress.org/support/plugin/launchoverlay-lite/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/launchoverlay-lite/reviews/) ## 參與者 * [ markjgorrie ](https://profiles.wordpress.org/markjgorrie/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/launchoverlay-lite/)