[WordPress] 外掛分享: Tb Product Designer for WooCommerce

首頁外掛目錄 › Tb Product Designer for WooCommerce
WordPress 外掛 Tb Product Designer for WooCommerce 的封面圖片
全新外掛
安裝啟用
尚無評分
12 天前
最後更新
問題解決
WordPress 5.0+ PHP 7.2+ v1.0.0 上架:2026-03-30

內容簡介

Tb Product Designer for WooCommerce 讓顧客能夠個性化簡單的 WooCommerce 產品,透過添加自訂文字、上傳圖像、調整字體等功能,提供即時預覽並在購物車中保存設計圖像,適合印刷商店、T 恤店等使用。

【主要功能】
• 添加自訂文字
• 上傳標誌或圖像
• 調整字體大小
• 實時預覽設計
• WooCommerce 購物車整合
• 訂單元數據儲存

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Tb Product Designer for WooCommerce」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Tb Product Designer for WooCommerce allows customers to personalize simple WooCommerce products by:

Adding custom text
Uploading logos or images
Changing font family
Adjusting font size
Selecting text color
Viewing real-time preview on canvas
Saving merged design image on add to cart

The generated custom image is:

Stored in uploads directory
Attached to cart items
Displayed in cart & checkout
Saved in order meta
Shown on Thank You page
Included in order emails
Visible in admin order panel
Compatible with WooCommerce Blocks

Perfect for:

Print shops
T-shirt stores
Mug customization
Promotional products
Personalized gifts

Features
✔ Fabric.js powered canvas editor
✔ Secure AJAX image saving
✔ WooCommerce cart integration
✔ Order meta storage
✔ Email & admin display support
✔ WooCommerce Block Cart support
✔ Translation ready
✔ OOP-based architecture
✔ WordPress coding standards compliant
How It Works

Customer customizes product using canvas.
Design is saved via secure AJAX call.
Image is stored in /uploads/custom-products/.
Image URL is attached to cart item.
Image is displayed throughout checkout and order lifecycle.

Credits
Developed by Vishit Shah
https://vishitshah.com
Uses:
Fabric.js (https://fabricjs.com/)
Licensed under MIT License
Source Code for Minified/Compiled Assets
This plugin includes one third-party minified JavaScript file:

public/js/fabric.min.js

Human-readable source code for that library is publicly available at:

Fabric.js repository: https://github.com/fabricjs/fabric.js
Fabric.js v5.3.0 source tree: https://github.com/fabricjs/fabric.js/tree/v5.3.0
Fabric.js v5.3.0 distributed files (including non-minified builds): https://github.com/fabricjs/fabric.js/tree/v5.3.0/dist

Build/reference notes:

The bundled public/js/fabric.min.js corresponds to Fabric.js version 5.3.0.
Plugin-specific JavaScript in this plugin is provided as readable source files and is not distributed as minified bundles.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon