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

How to activate HTML5 Product Designer tool for a specific product?


To activate the HTML5 Product Designer add-on for a product, please, follow the steps:

1. Check if the HTML5 Product Designer is active in the add-on settings.

2. In the admin panel go to Product editing page -> tab General. Scroll down the page for "Extra" section and set a value for "Product details view" field - >"Product designer template".

See below:

Click Create button to create the product. After creating a product you will be able to edit it.

3. On the product editing page, select the HTML5 Product Designer tab. Click on the "Enable for this product" checkbox.


That's all, your customers can use HTML5 Product Designer tool on the product page in the storefront.


Note! Don't forget to specify the add-on settings and to add product side and canvas.


P.S. If you did not find the necessary information, please, check other sections:

  • Main options of CS-Cart "HTML5 Product Designer" add-on 
  • Admin panel. Features of CS-Cart HTML5 Product Designer tool.
  • How to activate HTML5 Product Designer tool for a specific product?
  • How to set up fonts in CS-Cart HTML5 Product Designer?
  • How to set colors to canvas and elements?
  • How to use cliparts in HTML5 Product Designer?
  • How to create a product for the further customization?
  • How to calculate the Ratio correctly?
  • How to add a product side and a canvas?
  • How to create and use options for customizable products?
  • The printable image and order details page features.

    This instruction refers to our CS-Cart module Product Designer maker.

    online design maker