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


CODE: html5pd

Price: $545.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!