Mô tả
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.jscorresponds to Fabric.js version5.3.0. - Plugin-specific JavaScript in this plugin is provided as readable source files and is not distributed as minified bundles.
Cài đặt
- Upload the plugin folder to
/wp-content/plugins/ - Activate the plugin through the WordPress Plugins screen
- Ensure WooCommerce is installed and activated
- Edit a product
- Enable “Enable Product Customization” checkbox
- Save product
- Visit the product page to see the designer
Hỏi đáp
-
Does this work with variable products?
-
Currently only simple products are supported.
-
Where are custom images stored?
-
Images are stored in:
/wp-content/uploads/custom-products/ -
Is this compatible with WooCommerce Blocks?
-
Yes, block cart and store API are supported.
-
Is it secure?
-
Yes. Nonce verification and sanitization are implemented for AJAX requests.
Đánh giá
Không có đánh giá nào cho plugin này.
Người đóng góp & Lập trình viên
“Tb Product Designer for WooCommerce” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.
Những người đóng góp
Dịch “Tb Product Designer for WooCommerce” sang ngôn ngữ của bạn.
Muốn tham gia phát triển?
Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.
Nhật ký thay đổi
1.0.0
- Initial release
- Canvas customization support
- AJAX image saving
- Cart & order integration
- WooCommerce Blocks compatibility