Tb Product Designer for WooCommerce
·
Allow customers to customize WooCommerce products with text and images using an interactive canvas designer.
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.
