{"id":286077,"date":"2026-03-31T12:12:00","date_gmt":"2026-03-31T12:12:00","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/custom-product-designer-for-woocommerce\/"},"modified":"2026-03-31T12:11:44","modified_gmt":"2026-03-31T12:11:44","slug":"tb-product-designer-for-woocommerce","status":"publish","type":"plugin","link":"https:\/\/tw.wordpress.org\/plugins\/tb-product-designer-for-woocommerce\/","author":14893906,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"5.0","requires_php":"7.2","requires_plugins":null,"header_name":"Tb Product Designer for WooCommerce","header_author":"Vishit Shah","header_description":"Allows customers to customize products with text and images on a canvas, generates a merged image on add to cart, and displays it throughout the purchase process.","assets_banners_color":"9ab4d9","last_updated":"2026-03-31 12:11:44","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/tb-product-designer-for-woocommerce","header_author_uri":"https:\/\/vishitshah.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":154,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"vishitshah","date":"2026-03-31 12:11:44"}},"upgrade_notice":{"1.0.0":"<p>Initial stable release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3496178,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3496178,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Product designer interface on single product page","2":"Tb Product design displayed in cart","3":"Tb Product image shown in order details","4":"Admin order view with custom thumbnail"}},"plugin_section":[],"plugin_tags":[864,176045,200324,45085,286],"plugin_category":[45],"plugin_contributors":[147546],"plugin_business_model":[],"class_list":["post-286077","plugin","type-plugin","status-publish","hentry","plugin_tags-canvas","plugin_tags-custom-product","plugin_tags-product-customization","plugin_tags-product-designer","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-vishitshah","plugin_committers-vishitshah"],"banners":{"banner":"https:\/\/ps.w.org\/tb-product-designer-for-woocommerce\/assets\/banner-772x250.png?rev=3496178","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/tb-product-designer-for-woocommerce\/assets\/icon-128x128.png?rev=3496178","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Tb Product Designer for WooCommerce allows customers to personalize simple WooCommerce products by:<\/p>\n\n<ul>\n<li>Adding custom text<\/li>\n<li>Uploading logos or images<\/li>\n<li>Changing font family<\/li>\n<li>Adjusting font size<\/li>\n<li>Selecting text color<\/li>\n<li>Viewing real-time preview on canvas<\/li>\n<li>Saving merged design image on add to cart<\/li>\n<\/ul>\n\n<p>The generated custom image is:<\/p>\n\n<ul>\n<li>Stored in uploads directory<\/li>\n<li>Attached to cart items<\/li>\n<li>Displayed in cart &amp; checkout<\/li>\n<li>Saved in order meta<\/li>\n<li>Shown on Thank You page<\/li>\n<li>Included in order emails<\/li>\n<li>Visible in admin order panel<\/li>\n<li>Compatible with WooCommerce Blocks<\/li>\n<\/ul>\n\n<p>Perfect for:<\/p>\n\n<ul>\n<li>Print shops<\/li>\n<li>T-shirt stores<\/li>\n<li>Mug customization<\/li>\n<li>Promotional products<\/li>\n<li>Personalized gifts<\/li>\n<\/ul>\n\n<h3>Features<\/h3>\n\n<p>\u2714 Fabric.js powered canvas editor<br \/>\n\u2714 Secure AJAX image saving<br \/>\n\u2714 WooCommerce cart integration<br \/>\n\u2714 Order meta storage<br \/>\n\u2714 Email &amp; admin display support<br \/>\n\u2714 WooCommerce Block Cart support<br \/>\n\u2714 Translation ready<br \/>\n\u2714 OOP-based architecture<br \/>\n\u2714 WordPress coding standards compliant<\/p>\n\n<h3>How It Works<\/h3>\n\n<ol>\n<li>Customer customizes product using canvas.<\/li>\n<li>Design is saved via secure AJAX call.<\/li>\n<li>Image is stored in <code>\/uploads\/custom-products\/<\/code>.<\/li>\n<li>Image URL is attached to cart item.<\/li>\n<li>Image is displayed throughout checkout and order lifecycle.<\/li>\n<\/ol>\n\n<h3>Credits<\/h3>\n\n<p>Developed by Vishit Shah<br \/>\nhttps:\/\/vishitshah.com<\/p>\n\n<p>Uses:\nFabric.js (https:\/\/fabricjs.com\/)\nLicensed under MIT License<\/p>\n\n<h3>Source Code for Minified\/Compiled Assets<\/h3>\n\n<p>This plugin includes one third-party minified JavaScript file:<\/p>\n\n<ul>\n<li><code>public\/js\/fabric.min.js<\/code><\/li>\n<\/ul>\n\n<p>Human-readable source code for that library is publicly available at:<\/p>\n\n<ul>\n<li>Fabric.js repository: https:\/\/github.com\/fabricjs\/fabric.js<\/li>\n<li>Fabric.js v5.3.0 source tree: https:\/\/github.com\/fabricjs\/fabric.js\/tree\/v5.3.0<\/li>\n<li>Fabric.js v5.3.0 distributed files (including non-minified builds): https:\/\/github.com\/fabricjs\/fabric.js\/tree\/v5.3.0\/dist<\/li>\n<\/ul>\n\n<p>Build\/reference notes:<\/p>\n\n<ul>\n<li>The bundled <code>public\/js\/fabric.min.js<\/code> corresponds to Fabric.js version <code>5.3.0<\/code>.<\/li>\n<li>Plugin-specific JavaScript in this plugin is provided as readable source files and is not distributed as minified bundles.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to <code>\/wp-content\/plugins\/<\/code><\/li>\n<li>Activate the plugin through the WordPress Plugins screen<\/li>\n<li>Ensure WooCommerce is installed and activated<\/li>\n<li>Edit a product<\/li>\n<li>Enable <strong>\"Enable Product Customization\"<\/strong> checkbox<\/li>\n<li>Save product<\/li>\n<li>Visit the product page to see the designer<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20work%20with%20variable%20products%3F\"><h3>Does this work with variable products?<\/h3><\/dt>\n<dd><p>Currently only simple products are supported.<\/p><\/dd>\n<dt id=\"where%20are%20custom%20images%20stored%3F\"><h3>Where are custom images stored?<\/h3><\/dt>\n<dd><p>Images are stored in:\n    \/wp-content\/uploads\/custom-products\/<\/p><\/dd>\n<dt id=\"is%20this%20compatible%20with%20woocommerce%20blocks%3F\"><h3>Is this compatible with WooCommerce Blocks?<\/h3><\/dt>\n<dd><p>Yes, block cart and store API are supported.<\/p><\/dd>\n<dt id=\"is%20it%20secure%3F\"><h3>Is it secure?<\/h3><\/dt>\n<dd><p>Yes. Nonce verification and sanitization are implemented for AJAX requests.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Canvas customization support<\/li>\n<li>AJAX image saving<\/li>\n<li>Cart &amp; order integration<\/li>\n<li>WooCommerce Blocks compatibility<\/li>\n<\/ul>","raw_excerpt":"Allow customers to customize WooCommerce products with text and images using an interactive canvas designer.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/286077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=286077"}],"author":[{"embeddable":true,"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/vishitshah"}],"wp:attachment":[{"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=286077"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=286077"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=286077"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=286077"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=286077"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/tw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=286077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}