Custom Gateway - Customer Support

Welcome to the Custom Gateway Support Portal

Here you can raise support tickets and read articles on common queries using the topic sections and search below

2d Product Creation | User Guide - Section 02: 2d Principles


Section 02: 2d Principles  

2.1 Pixel Coordinate System

The Gateway CPP works on a pixel based coordinate system to represent the products on screen. This maximises online performance. The coordinates are determined by the size of the the 2D View (preview image) that is created for each product (this process is detailed in 04: 2d Views). For example, if the image used for the 2D View is the recommended 800 x 800px size, then the CPP will operate on an 800 x 800 pixel coordinate system. This sizing refers to the preview only - any artwork files or images intended for printing should be added to CPP at print size @300dpi. These full size files are handled separately in the back-end of the software.

Important Note: Any configurable areas defined within these coordinates are rectangular and in the following format:

[x,y] position

[width x height] dimensions

The origin of every configurable area is the top-left corner of the rectangle.

2.2 Anatomy of a 2D Product

There are 3 core elements to a 2D product on CPP; 1.Preview / 2.Print Specification / 3.Functionality. 

  1. Preview is how the product is represented in the App and is based on an image / graphic.
  2. Print refers to the print setup / configuration to meet a specific print requirements. It is essentially how the output file will be generated.
  3. Functionality refers to the options presented to the end user and how they can interact with the product, eg change the colour, add an image, input text etc... 

Important Note: Functionality cannot be set without there being a defined Print Specification. A Print Specification cannot be set without there being a preview for it to be set against.

In its simplest form, a 2D Product is constructed of a 2D View/Aspect (the product preview image). This is the minimum user upload requirement when creating a new 2D Product. Once uploaded, all configurable options are then implemented via the CPP (see Figure 1).

Figure 1.

The primary configurations (based on the 2D View) are the Print Area (see 05: Print Areas) and the Colour Area (see 10: Colour Areas). Any subsequent functionality is then attributed to the defined Print Area (see 06: Image Areas or 07: Text Areas). (Colour Areas can be linked to a print area to pull through background colours to the generated Print File).

The standard CPP image format for creating 2D Products is PNG. This ensures that the functionality will work correctly according to the configuration.

Important Note: Certain features will require the creation and uploading of additional masks for the functionality to work. This will be highlighted in the relevant article where applicable.


<< Back to Contents >>

Was this article helpful?
1 out of 1 found this helpful