Cookies are used on this site to provide the best user experience. If you continue, we assume that you agree to receive cookies from this site. OK
online customizer tool
  • online customizer tool
  • Product Designer tool
  • Order in Product Designer

CS-Cart "HTML5 Product designer" add-on


Price: $820.00

This product is electronically distributed.


HTML5 Product designer tool

HTML5 Product designer is a powerful tool for customizing products through the website. It is a must-have solution for any CS-Cart store based on selling custom clothes, bags, mugs, stickers, greeting cards, mouse pads and other products that can be designed by a customer. This amazing rich-featured CS-Cart online design tool allows customers to make their own design or pattern by choosing color, size, text, clipart, photo and buy the customized product through an online store.
HTML5 Product designer
  • Administrator can:
    • create categories for cliparts and upload them;
    • create categories for different fonts and upload them; 
    • create a palette of colors that will be used for text and cliparts;
    • edit the custom design made by a customer on order details page.
  • On the product editing page Administrator can:
    • set some specific item side images (front, back, etc.);
    • specify different item side images for option variants;
    • specify the drawing area (canvas) and dimensions for this area;
    • set up more than one canvas per a product side;
    • set a cost per character or per line for the text fields;
    • set a cost per square centimeter or per size for a customer's photo;
    • set a cost per item for photos;
    • set up printing discounts on the design elements used;
    • set up the initial design for a product;
    • choose the color palette used for text, cliparts and background color;
    • set up the availability of the design tools (alignment, order, flip, rotation and other tools).
  • Customers will be able to:
    • add/edit text, change text font, size and color;
    • add cliparts, change clipart size and color;
    • upload and use their own images;
    • save their designs (on the product page, in "My account" section) and edit the saved design;
    • edit the design after adding an item to the cart.
  • Also
    • administrator is able to generate .png and .svg images for printing. Please, note! Svg files not compatible with Adobe Illustrator and CorelDraw.

General Features for customers in screenshots

Work with the text

Work with Clipart images from the gallery

Add/edit text Add/Edit cliparts

Upload custom images, change size and position

Create stickers with custom design or size

Upload images/photos Create sticker

Make a creative cap

Design mugs

design cap Design mugs



  • This add-on works correctly in Internet Explorer, Mozilla Firefox, Safari, Google Chrome and Opera latest browser versions.
  • This module works on mobile devices well.
  • The tool is compatible with CS-Cart 4.x. works fine with CS-Cart 4.10.


Please note, there are 3 cases that connected with the HTML5 Product Designer working process when you upgrade the CS-Cart store to 4.10 version: 

1. The online shop products are built on the options, not on the option combinations. When you upgrade the store to CS-Cart 4.10 version, you will have no problems. Everything is going to be fine. No mistakes occur. 

2. The online shop products are built on option combinations. After the upgrade process to CS-Cart 4.10, the system will recommend you to convert all option combinations to variations. As you do it, the options will be changed to features and HTML5 Product Designer won’t work properly. To fix it, you have to assign the images to the product variations manually on each editing product page in the admin panel. It’s your choice whether to convert the option combinations to variations or to leave it as it is. 

3. If you have variations in the earlier CS-Cart versions, you have to convert it into the new type of product variations after the upgrade process. And, as in the case above, you have to assign images of the product sides to variant features of the product on each editing product page in the admin panel.



  • Before installing the add-on, you must completely remove the flash version of the "Product designer" add-on.
  • HTML5 and flash versions of the add-on do not work together.
  • Purchasing this add-on, you have a 1-year period for free upgrades. When this period is over, you may buy the 1-year subcription on Product Designer add-on upgrades for $240.