plugin-icon

Tb Product Designer for WooCommerce

Allow customers to customize WooCommerce products with text and images using an interactive canvas designer.
Évaluations
Version
1.0.0
Mis à jour récemment
Mar 31, 2026
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.
Gratuitsur les plans payants
En procédant à l’installation, vous acceptez les Conditions d’utilisation de WordPress.com ainsi que les Conditions de l’extension tierce.
Testé jusqu’à version
WordPress 6.9.4
Cette extension est disponible en téléchargement pour votre site .