內容簡介
總結：Anywhere Notice for WooCommerce 讓 WooCommerce 商店擁有者能夠創建和管理可以在商店任何位置顯示的自定義通知。利用 WooCommerce 強大的 hook 系統，此外掛讓您可以針對特定頁面或模板精細調整通知的顯示。這是建立在功能強大的 Gutenberg 編輯器中的，使設計選項變得無限。
**問題與答案:**
- 任何通知的基本使用方法是什麼？
- 安裝並啟用插件後，前往 WooCommerce > Anywhere Notices。
- 點擊「新增 WCAN 任何通知」。
- 您可以選擇使用預設通知區塊。
- 一般設定可以讓您隱藏標頭或內容等。
- 样式选项卡可让您更改插件默认区块上的所有样式。
- 最后添加显示规则並保存。這樣就完成了！您的通知現在將在前端顯示。
- 進階使用方法如何？
- 您可以在 Gutenberg 編輯器中從頭開始設計自己的元素，而不是使用上面的預設插件區塊。
- 添加显示规则並保存。這樣就完成了。
- 此外掛的關鍵功能有哪些？
- 兼容 Gutenberg：在 Gutenberg 編輯器中輕鬆創建/設計和管理通知。
- 無限設計選項：使用 Gutenberg 編輯器的所有功能，以您想像的方式設計通知。
- 彈性顯示規則：使用 WooCommerce 專用 hook 定義每個通知應該出現的位置和方式。
- 直觀的側邊欄設置：在WordPress區塊編輯器中直接配置顯示規則。
- 動態樣式選項：自定義通知的外觀和感覺，包括文本對齊、顏色、邊框和填充。
- 支援多個通知：添加多個規則以針對 WooCommerce 商店不同區域。
- 整合數據庫：使用強大的數據庫處理有效地存儲和檢索通知顯示規則。
- 安全且優化：遵循最佳安全實踐，包括淨化、轉義和準備語句。
外掛標籤
開發者團隊
② 後台搜尋「Anywhere Notice for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
Anywhere Notice for WooCommerce empowers WooCommerce Store owners to create and manage custom notices that can be displayed anywhere in your store. Using WooCommerce’s powerful hook system, this plugin allows you to target specific pages or templates and fine-tune where your notices appear. This is built into the powerful Gutenberg editor that make design options limitless.
Basic usage:
After plugin is installed and activated go to WooCommerce > Anywhere Notices.
Click Add New WCAN Anywhere Notice. Screenshot
You can opt to utilize the default notice block. Screenshot
General Settings Allows you to hide header or content etc. Screenshot
The style tab allows you to change all the styling on the plugin default block. Screenshot
Finally add the display rule(s) and save. Thats it! Your notice will now be displayed on the frontend Screenshot
Advanced Usage:
Instead of using the default plugin block above you can design your own element from scratch in the gutenberg editor. Screenshot
Add display rules and save. Thats it.
Key Features:
Gutenberg Compatible: Easily create/design and manage notices in the Gutenberg editor.
Limitless Design Options: Design notices any way you imagine using using all the features of the Gutenberg editor
Flexible Display Rules: Define where and how each notice should appear using WooCommerce-specific hooks.
Intuitive Sidebar Settings: Configure display rules directly within the WordPress block editor.
Dynamic Styling Options: Customize the look and feel of your notices, including text alignment, colors, borders, and padding.
Support for Multiple Notices: Add multiple rules to target different areas of your WooCommerce store.
Database Integration: Store and retrieve notice display rules efficiently with robust database handling.
Safe and Optimized: Follows best practices for security, including sanitization, escaping, and prepared statements.
PRO Features:
Schedule Notices: Set notice to start showing or stop showing at a specific date and time.
Target Single Products: Display notice on a single specific product.
Target Taxonomy Archive: Display notice on archive pages based on category or tags.
Target Taxonomy Archive: Display notices anywhere using custom hooks. This is developer friendly and allows you to place notices wherever a plugin or theme uses hooks.
Unlock all Pro features
A Few Use Cases:
Notices: Add a notice anywhere on your WooCommerce store. These notices could be promotional information eg (20% off this product).
Disclaimers: Ensure customers seen product disclaimers in the right places.
Terms and Conditions: Add written consent information in any spot for maximum visibility. Eg. at checkout.
Banner Displays: In Gutenberg you can design banners or use images as your notification.
Support
For support or further inquiries, please visit Sitepact Support.
Source Code & Contribution
The source code of this plugin, including non-compressed versions of JavaScript and CSS files, is available publicly on GitHub for transparency and development collaboration:
GitHub Repository for WCAN Anywhere Notice
The repository includes all development files and tools used, such as build scripts for generating minified JavaScript and CSS. This plugin uses npm and webpack to compile and minify JavaScript and CSS files. To rebuild these assets, follow the steps below:
Clone the GitHub repository.
Run npm install to install dependencies.
Run npm run build to compile and generate production assets.
