內容簡介
Fand Product Customizer 是一款為 WooCommerce 產品頁面新增個性化選項的外掛，讓顧客可以自訂文字及字型，並即時預覽。此外掛無縫整合 WooCommerce，所選的文字與字型將顯示在購物車及訂單詳情中。
【主要功能】
• 在 WooCommerce 單一產品模板中插入個性化區塊
• 可設定的文字輸入欄位，預設限制 15 個字元
• 實時預覽所選字型的文字效果
• 字型選擇器僅顯示該產品可用字型
• 簡單的勾選框啟用或禁用個性化區塊
• 所選文字及字型會顯示在訂單確認摘要中
外掛標籤
開發者團隊
原文外掛簡介
Fand Product Customizer adds a Gutenberg block to your WooCommerce product pages that allows customers to personalize their order with a custom text and a font of their choice.
The block is fully dynamic (server-side rendered) and integrates natively with WooCommerce: the chosen text and font are displayed in the cart, in the order summary, and saved in the order details in the back office.
Key features:
Customer-facing features (front end):
Personalization block insertable in any WooCommerce single product template
Text input field with configurable character limit (default: 15 characters)
Live preview of the text rendered in the selected font, in real time
Font selector showing only the fonts enabled for that product
Validation on form submit : prevents adding to cart without a text entry
Store owner features (back end):
Enable or disable the personalization block per product with a simple checkbox
Choose which fonts are available for each product individually
Fonts managed natively via the WordPress font library (Appearance > Editor > Styles > Fonts) — no external dependency
Chosen text and font displayed in the cart under the product name
Chosen text and font displayed in the order confirmation summary
Chosen text and font saved in the order detail in the WooCommerce back office
No coding required : fully configurable via the WordPress admin
Source Code
This plugin uses npm and webpack to compile JavaScript and CSS assets.
The full source code is publicly available on GitHub:
https://github.com/Florence-Androlus/fand-product-customizer
To rebuild the assets from source:
Clone the repository
Run npm install
Run npm run build
