Let me introduce the first Product Designer here on codecanyon. You can use this plugin for any type of product. Use it as T-Shirt Designer, Business Card Designer, Device Designer….no limits!
You do not need any vectors files for the plugin, you just set png images for your elements and you tell the plugin which element can be colorized by the user. If its can be colorized, the image will be converted in a HTML5 canvas element.
Updates
1.1.1 – 6.5.2013- recreation.php – a helper php/js file for recreating the product that you get from the getProduct() method
- A simple design upload example, that does not save the uploaded image on the webserver
- Users can save their products with usage of localStorage
- New API method: createImage() for generating an image of the product, which can be opened in a new tab or saved on the webserver (PHP example included)
- New options:
- zChangeable – Decide if the z-position of an element can be changed via a new button
- labels – An object that stores all labels and message for using the plugin in his own language
- Fixed the print bug in IE
- New colorpicker (Spectrum) that also supports mobile gestures
- Mobile gestures are now supported (Works on iPhone, iPad, Android etc.)
- New API method: addDesign(), that adds a new design to the design sidebar
- You have to change .fpd-motives to .fpd-designs
- addText() method removed, better use addElement()
- Different views of a product are now supported
Features
- Converts png files in HTML5 canvas for colorization
- Let the user add custom texts to the product
- Add unlimited motives
- Colorizable elements by static colors or colorpicker
- Let the user drag, move, remove or rotate the element
- Great API to integrate it in any Shop System
- Add unlimited custom fonts to the font dropdown, you only need the woff file of your font
What it does not do?
You have to integrate in your Shopping-System by yourself and bind it with the Checkout process. The plugin returns an object with position, dimension, price, colors etc. of every element, which is helpful for the Checkout process.Assets and third party-plugins used in this preview
