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://zh-hk.wordpress.org/plugins/launchoverlay-lite/#description) * [評價](https://zh-hk.wordpress.org/plugins/launchoverlay-lite/#reviews) * [安裝](https://zh-hk.wordpress.org/plugins/launchoverlay-lite/#installation) * [開發](https://zh-hk.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. ## 評價 There are no reviews for this plugin. ## 貢獻者及開發者 “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. ## 其它 * Version **1.1.1** * Last updated **23 小時之前** * Active installations **少於10** * WordPress version ** 6.0 or higher ** * Tested up to **6.9.4** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/launchoverlay-lite/) * Tags * [banner](https://zh-hk.wordpress.org/plugins/tags/banner/)[coming soon](https://zh-hk.wordpress.org/plugins/tags/coming-soon/) [pre order](https://zh-hk.wordpress.org/plugins/tags/pre-order/)[product overlay](https://zh-hk.wordpress.org/plugins/tags/product-overlay/) [woocommerce](https://zh-hk.wordpress.org/plugins/tags/woocommerce/) * [進階顯示](https://zh-hk.wordpress.org/plugins/launchoverlay-lite/advanced/) ## 評分 No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/launchoverlay-lite/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/launchoverlay-lite/reviews/) ## 貢獻者 * [ markjgorrie ](https://profiles.wordpress.org/markjgorrie/) ## 支援 有話想說？需要協助？ [檢視支援論壇](https://wordpress.org/support/plugin/launchoverlay-lite/)