At the moment this product is available only for Magento users!
|
Online Product Designer tool is a must-have web-to-print solution for business that suggests personalized t-shirts, mugs, business cards and other goods to their customers. This Product Designer software is based on HTML5+JS, that is why it is fast and meets all modern demands in eCommerce development.
It is suitable not only for Cs-Cart eCommerce platform, but Magento, VirtueMart, Prestashop, Shopify and other eCommerce systems.
|
|
The most distinctive features of Alt-team:Product Designer are:
- HTML5 and JavaScript basis;
- fully resposive;
- ability to integrate this software with any eCommerce platform;
- ability to use it as a t-shirt designer or cap, mug, card designer;
- user-friendly interface.
E-Commerce online Product Designer is a feature-rich software for easy and powerful custom design of your products.
With the help of e-Commerce Product Designer your clients have an ability to customize the products, they intend to buy in your shop.
The customers can:
- add text, cliparts, images to the product;
- change colors for svg cliparts;
- edit text that was placed on the product;
- scale, rotate, move, delete pictures;
- work with layers;
- preview the created design;
- save the created product design.
The administrator can:
- integrate new products with Online Product Designer;
- add base pictures of the product for designing;
- set the canvas;
- set combined options (for example: red t-shirt, size S; red t-shirt, size M, cotton material);
- add different fonts;
- add different clipart pictures;
- set the customization fee.
Server Requirements
- PHP >= 5.4
- MCrypt PHP Extension
- PHP JSON Extension
- PHP fileinfo Extension
- PECL phar >= 2.0.0
- PECL hash >= 1.1
- MySQL version 4.1 or greater
Compatibility:
Online Product Designer by Alt-team works correctly in Internet Explorer, Mozilla Firefox, Safari, Google Chrome and Opera browsers.
The software is integrated with CS-Cart platform (versions 4.x.x.) by default. It can be easily integrated with Magento, VirtueMart, Prestashop and others eCommerce systems by request.
There is two packages of files in the Product Designer archive:
1. Product Designer software. This tool is the main module that allows your customers personalize the products.
To install this software on your server please read the file READ ME that is located in the downloaded archive.
2. Product Designer Connector. This add-on connects your Cs-Cart administration panel with Product Designer software.
To install this add-on on your online shop please read the file READ ME that is located in the downloaded archive with Product Designer Connector.
All files will be available for the downloading after the payment is made.
Upgrade instruction:
1. Make a backup copy of the database configuration file for the current installation of the Product Designer: app\config\database.php
2. Upload the package to the server and unzip it to a the Product Designer folder. Make sure web server has enough permissions to rewrite the following folders:
app/storage
public/img/common
public/storage
storage
To set the permissions, run the command: chmod -R 777 app/storage public/img/common public/storage storage
3. Restore the backup copy of the file app\config\database.php
4. IMPORTANT! Remove the public/install subfolder located inside the main Product Designer folder.
5. For the additional settings make the following:
* Configure the mail by editing the file app/config/mail.php.
Example: type your parameters in the line
'from' => array('address' => 'pd@example.com', 'name' => 'Product Designer')
Try Demo on our test server:
The screenshot of the Product Designer client part
As you see the inteface of the Product Designer frontend is simple and has lots of features.
There are 5 tabs:
- layers (top left). You could manage the layers here.
- select models tab (top right). Different sides of the product are available here.
- text layer (right). Everything connected with text editing is here.
- Cliparts Library (right).
- Upload image tab (right). You have an ability to upload several images at once.
There are scale buttons, preview button, save and complete buttons at the bottom of the Product Designer.
The screenshot of the Product Designer admin panel
It is the main page of the admin panel. You could manage all prototypes here. Creating, editing and deleting products prototypes are simple actions.
What is e-Commerce Product Designer Terminology?
Prototype is a conventional name of the product. Prototype may have several models.
Models are more specific products. In case of t-shirts. Prototype is a t-shirt, models are - front view and back view or cotton t-shirt and synthetic t-shirt.
Canvas is an editing area. The area with the defined bounds where the customers have an ability to place text and different images.
Tags are the prototype types. For example you have several prototypes with clothes with different names but they all combined in one tag - garments or clothes.Tag is like a category.
Options are features of the model. You can have one model (cotton t shirt) with several options (red, black, white) or sizes (small, medium, large).
Options combinations are the case when you set up more that one option for one model. For example: prototype is a t-shirt. Its models have options combinations (colour and material). The Product in the Product Designer tool can be - white cotton t-shirt front. "White cotton" are the options combinations.
Is it possible to create a hierarchy of models?
No. You could create only several models but they will not be displayed in hierarchy way. It will be models with options combinations. There are can be several combinations.
How can I set the canvas?
Please open the model for editing in E-Commerce Product Designer administrative panel. There are a button “Edit Canvas” in the top left corner. Click on it, define the canvas bounds and click on button “Apply the canvas” that is located near the “Edit Canvas”. There will be a short notification "The canvas has been updated successfully".
What price fields are responsive for the total price?
The prices that is located in CS-Cart refer to the products. Prices that is displayed in Product Designer software are for design. The total customized product price is calculated by addition of product price (in Cs-cart) and the price for the design in Product Designer.
When an order is made, where can we find the customized design details? In cs-cart or in the App site?
- In the Cs-Cart admin panel: Find "Products" - "Designs".
- In storefront, your customers could find the saved design in My account-Designs.
Are the designs saved separately? eg. separate from the model? so that they're ready to print? Are they in high resolution?
It is saved in one place but you could open the product with design and the design itself. You could open it in svg and png formats.
If there are two models and the two models have separate designs (eg. front and back) are they considered as a single/batch order? or two separate orders in CS-cart?
It depends on how your customer will use it. If your customer creates a product with designs on several sides of the product and adds it to cart. It will be one order (for ex. t-shirt with front and back designs).In this case one prototype (t-shirt), two models (front and back) and one order (t-shirt with design on front and back sides).