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

1. Customer customizes product using canvas.
2. Design is saved via secure AJAX call.
3. Image is stored in /uploads/custom-products/.
4. Image URL is attached to cart item.
5. 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.