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

The printable image and order details page features.


Where can I view orders?

All information about the product your customer bought is located in Orders -> View orders in the CS-Cart admin panel. Click "View" next to the order and the order details page will be opened. On order details page in the  "General" tab, you can find a customer's billing and shipping address and information. Also, you can see the description of all design elements of the ordered product. Click "HTML5 Product Designer" tab to get all necessary information for printing.


How can I get a printable image?

After clicking "HTML5 Product Designer" tab on the order details page, you will get the page with the description of all design elements, the image/images of the ordered product and buttons to generate .png and .svf images. Also, previews of all product sides are shown below the product image. Please, pay attention to the arrows on the screenshot:

1. Click "Generate print image" button to download .png image for printing.

3. Click "Get SVG file" button to download .svg image for printing. 


What image format will I get for printing?

Be attentive, the image for printing can be represented in .png and .svg formats and involves only the design elements without a product side image. The size of the printable image depends on your "Ratio" parameter (how many millimeters or inches you have specified per one pixel).

Note! If your customer uploaded an image of low resolution while creating a design, such image will have a low quality for printing.


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

  1. The installation/upgrade of CS-Cart "HTML5 Product Designer" add-on
  2. Main options of CS-Cart "HTML5 Product Designer" add-on 
  3. Admin panel. Features of CS-Cart HTML5 Product Designer tool.
  4. How to activate HTML5 Product Designer tool for a specific product?
  5. How to set up fonts in CS-Cart HTML5 Product Designer?
  6. How to set colors to canvas and elements?
  7. How to use cliparts in HTML5 Product Designer?
  8. How to create a product for the further customization?
  9. How to calculate the Ratio correctly?
  10. How to add a product side and a canvas?
  11. How to create and use options for customizable products?
  12. The printable image and order details page features.


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

online design maker