plugin-icon

Tb Product Designer for WooCommerce

제작자: Vishit Shah·
Allow customers to customize WooCommerce products with text and images using an interactive canvas designer.
버전
1.0.0
최근 업데이트일
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.
무료유료 요금제에서
설치하면 WordPress.com 서비스 약관서드파티 플러그인 약관에 동의하게 됩니다.
테스트된 버전
WordPress 6.9.4
이 플러그인은 다운로드할 수 있으며 에서 사용할 수 있습니다.