81 comments found.
Cant you add Multiple image boxes for example if the customer wants a Center Image and 2 shoulder sleeve prints? and can all of the image be exported by themselves??
Sorry, the script currently supports only 1 front-side and 1 back-side. For multiple boxes, you will need a Javascript developer to modify script.
How can the text be centered or right aligned?
The textbox is always fixed with text, you can’t align it, however, you can move textbox to any position in canvas
Can I save an uploaded image somewhere?
When we click on “Add to cart”, images will be saved in “uploads” folder
How i can set different canvas height for Front and back. Say for example i have added type as hoodie and and t shirt . For hoodie i need to reduce the canvas height and for t shirt it should be how it was when i loaded the application. Can somebody help?
To manage different sizes of front and back canvas, you have to modify many functions in javascript. For easier workaround, you may add margin to background images (hoodie or t-shirt) to fit canvas. It means you can reduce height of both, then add margin to tshirt image
Is there a way to count all objects and deactivate all editing?
- For count: canvas.getObjects(), this will return the list of objects and you can count the length of array
- Disable editing: canvas.skipTargetFind = true
Is it possible to download the front and back at the same time?
You will need to edit Javascript file, using mergeImage function to merge them before downloading
Hello, I have monochrome motifs in the album. Is it possible to also integrate a color selection for these? So the existing image in the canvas would just have to be replaced. Best regards
Hello, This feature is not available. If you have a Javascript developer, it is not difficult to implement this.
Hi i bought the application it works well. I need to allow the objects to be draggable inside the defined canvas height and width. Now it goes hidden if i accidently dragged in outside and the mouse click is gone then the added image or text not able to be brought back and i need to refresh and do the whole process again. In the code which section handled that and can somebody help me to solve this?
Hello
I am looking for a simple stand alone design tool for my visitors. It looks like your T-shirt Online Designer tool might do the trick.
Here’s my situation so your can see the objective. I recently built a new site https://www.1nhmugs.com What I do is custom/personalized printing of mugs and more (been doing this since the mid 90’s) I built my site on Wordpress/woocommerce. I realize you also have a plug-in version of the T-shirt Online Designer.
Reason I am looking for a stand-alone is because if it was a plugin that actually interacted with product, there is (from experience) a strong probability of not being able to coexist with my my current ordering/pricing system. I have a rather complex for order method with bulk discounts etc which I do not want to replace or override.
I’m thinking a stand-alone design tool where I would just have various canvas sizes the the user can choose depending on the product. The user can design their mug or whatever, download the PGN to submit with their order using my current setup.
It’s not about $19 vr $49 for the plug in. I would happy to purchase the plugin if it it can be used without disrupting my current order form/pricing structures.
Thanks Nelson
Hello, in your case, you can use our WP/WooCommerce plugin. It won’t affect to pricing if you don’t enable the option. We’re willing to refund if it doesn’t meet your requirement.
Hi,
i need support after changing the tshirts the download button not working because the design is in the wrong place how i can change the tshirts background
thanks
In this case, you have 2 options:
- scale your new images to the same size of sample images
- OR in Javascript files main.js/main.min.js, update the parameter of mergeImages: “multiplier”, “x”, and “y”
I am interested in your product. Can it be used to upload canvas print images with different dimensions and adjust according to the dimensions. Example 8×8, 8×12, 8×16…?
You can adjust dimensions, but you will need Javascript skill to modify code.
Codes d’achat Les auteurs peuvent vous demander un code d’achat pour vérifier que vous avez acheté cet article.
c09592ac-c914-4dcf-9fcf-da2ba590dae0 – 4 septembre 2024 LICENCE RÉGULIÈRE
Bonjour je viens de telecharger votre extension mais ça ne fontionne pas. Vous trouverez ci après le message d’erreur :
Installation de l’extension à partir du fichier téléversé : codecanyon-xOWkPSyv-responsive-tshirt-online-designer.zip Décompression de l’archive de l’extension…
Installation de l’extension…
L’archive n’a pas pu être installée. Aucune extension valide trouvée.
L’installation de l’extension a échoué.
Aller à l’installeur d’extensions
Hi, Did you install it in WordPress? This tool is a standalone HTML/Javascript tool. If you’re finding a WordPress plugin, please check out our WordPress/WooCommerce plugin here: https://codecanyon.net/item/woocommerce-responsive-product-designer/50941094 After you purchase our WordPress plugin, we will refund to you for this tool. Thanks.
oui installé sur wordpress. Avant que je n’achète votre plugin pouvez-vous me confirmer que je pourrai mettre les produits de mon choix et pas que des t-shirt svp merci
If your website is using WooCommerce plugin, you can add any type of product ( t-shirt, cards, cups, phone cases…). Our plugin supports WooCommerce products.
Je souhaite ajouter mes créations qui ne sont ni des t-shirt, ni des cartes, ni des tasses, etc est ce que ce sera possible ?
J’utilise woocommerce
Yes, if you create a product of anything in Woocommerce, you can apply this plugin to that product
d’accord, merci je vais l’acheter maintenant
achat effectué. merci de bien vouloir faire le nécessaire pour me rembourser le produit d’hier
Hi, please make a refund request for the previous purchase. We will approve that request. Thanks
Hey,
so i’ve got another problem i changed the size of canvas to those settings : var canvas, canvas_front, canvas_back; var shirtWidth = 2000; // width: 600, margin: 15 var intCornerSize = 20; var shirtSide = ‘front’; var textWidth = {}; var canvas_width = 1600; var canvas_height = 2000; var canvas_top = 140; var canvas_exportwidth = 420; var canvas_review_width = 540;
and now when I download the design on the t-shirt, the design is in a completely different place than I did in the designer. Can you please help me.
Thanks in advance.
Hi, you will need to find the function “mergeImages”, and change the parameters “x”, “y” correspondingly.
Thanks i changed them and it is now working.
Hi, Hope you are doing well.
Just purchased your Responsive T-shirt Designer. Do you have developer documentation as I don’t see any info on how to add other product types such as;
- more t-shirt design styles - more product such as tumblers,mugs - other items such as totebags
Also want to adjust the design box larger or smaller based on the product type.
I do not see any documentation on how to modified the code to do these things.
Thank you for your time.
Hi, in the file js/main.js, you will find some variables to configure the designer: - shirtData: you can add/edit products - canvas_width, canvas_height, canvas_top: the size of canvas (design box) and the top position of canvas
Thank you for quick response. Forgot to ask how can I add fonts?
Hi, in the file js/main.js, line 494, you will find the “select” element of fonts. You can add more “option” of font. Please make sure the new font already is loaded in the webpage. For example <link href=’https://fonts.googleapis.com/css?family=Pacifico|VT323|Quicksand|Inconsolata' rel=’stylesheet’ type=’text/css’>
The download quality is very low quality. Very pixelated. How/where (what file ) can I adjust the quality/dpi in
Hi, in the file js/main.js, line 540, “btnDownloadDesign”, there is a function canvas.toDataURL(). You can change the parameter “multiplier”. For example, if canvas_width=260, multiplier=10, the exported image will be 2600. Moreover, the quality also depends on the uploaded images.
Thank you for your help. The download quality after pressing the “Design Only” look great now. However, when I click “Download” and select “Design & Shirt” the quality of the design on the shirt is not clear (low quality). Where would I fix the quality that are produced when the Design & Shirt button is clicked? I have tried different things but it doesn’t help.
2.) Is there a way to have a watermark over the Downloaded Design & Shirt download option.
Similar with btnDownloadDesign, we have the ”#btnDownloadShirt”, where you can find the function canvas.toDataURL. However, you will need to change parameters of mergeImages to get the correct position. You also can use mergeImage to add a watermark.
Getting Below error while downloading and preview button
fabric4.min.js:1 Uncaught DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported. at Object.toDataURL (file:///D:/Sujay/Sample/codecanyon-Fw9FGpS4-responsive-tshirt-online-designer/Responsive_Tshirt_Designer/js/fabric4.min.js:1:10552) at i.toDataURL (file:///D:/Sujay/Sample/codecanyon-Fw9FGpS4-responsive-tshirt-online-designer/Responsive_Tshirt_Designer/js/fabric4.min.js:1:128798) at HTMLAnchorElement.<anonymous> (file:///D:/Sujay/Sample/codecanyon-Fw9FGpS4-responsive-tshirt-online-designer/Responsive_Tshirt_Designer/js/main.min.js?v=1.1.2:1:13936) at HTMLAnchorElement.dispatch (file:///D:/Sujay/Sample/codecanyon-Fw9FGpS4-responsive-tshirt-online-designer/Responsive_Tshirt_Designer/js/jquery.min.js:2:41772) at y.handle (file:///D:/Sujay/Sample/codecanyon-Fw9FGpS4-responsive-tshirt-online-designer/Responsive_Tshirt_Designer/js/jquery.min.js:2:39791)
Hi, you need to open this tool in a webservice (in your hosting or localhost). If you open the html file directly, some features of canvas will be blocked by the browser.
I did not see any docs about changing shirt images and adding more color options. Do you have the info for that? Thanks
Hi, in the file js/main.js, there is the variable “shirtData”. You can change/add shirts and colors by this variable.
When I upload my images of garments that are not the same size as your garment image, it does not export the design in the correct location on the shirt. My garment image is probably 4 times the size of your but everything looks great until you export. Am I seeing this correctly and is there a fix for that?
In this case, you have 2 options: - scale the images to the same size of sample images - OR update the parameter of mergeImages in main.js: increase “multiplier”, “x”, and “y” up to 4 times
When I put the “index.html” (url to the) file in an iframe the download button doesn’t work. Is there a way to enable this ability?
It should work well with iframe. As you can see in the preview link, it uses iframe to include our demo site: https://preview.codecanyon.net/item/responsive-tshirt-online-designer/full_screen_preview/22550013
After designing your product and select “Download”, it doesn’t download the product image with your design. Only the design downloads on the web. On mobile, only the product image downloads.
Disregard the above about downloading the image. I see why you made it like it is. However, it would be good if the “Preview” page had a “Download” button to download the preview image (the product with the design).
We’ve updated the script. Please wait a few day for it to be approved and available to download.
Thank you very, very much!
On mobile phones (iOS and Android), when adding text and typing, you can’t see the text that you’re righting.
We’ve tested on mobiles again and it’s working OK. Can you describe your issue in detail. Thanks.
On iOS, if you Edit the default Text box. It works fine. However, if you delete the default Text box, then add a new Text box. When typing the text, you can’t see what you type. See this screenshot: https://drive.google.com/file/d/1LutrBBtTRIMZeCZC0AKEExbbaJjKUjEJ/view?usp=sharing
You just need to scroll page up
If you scroll-up, you can see the text but once you type another letter, the screen drops again.
We can’t reproduce your issue. Does it happen with our demo site? https://preview.codecanyon.net/item/responsive-tshirt-online-designer/full_screen_preview/22550013
