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

Creating products with 'zoomed-in' views


Note: this article assumes a certain level of knowledge with product creation on the GatewayCPP.  The user guide can be found here:

Note2: This workflow has been tested with the acp2 and acp3 apps, for other apps it will depend on whether the necessary product features are supported.


To create zoomed-in views on a product you simply need to synchronise the text and image areas for two Aspects / views.

So as an example let's take the left breast on a polo shirt which is commonly used for decoration.

Product Setup

1x Aspect / View of the front of the product

1x Aspect / View of the zoomed-in area around the left breast (with ruler to match the print area if beneficial although not strictly necessary)

1x print area for the left breast (zoomed out) - disabled in artwork generation
1x print area for the left breast (zoomed in) - enabled in artwork generation.

If accuracy is paramount then consult this knowledge base article for additional help:

1x text and/or image area for the left breast (zoomed out)
1x text and/or image area for the left breast (zoomed in)


Product Configuration

Create image and text areas with matching positioning and size for both Aspects / views. 

All user input is driven by text and image areas and these areas will automatically switch to the Aspect / view assigned to their associated print area once interacted with (currently only supported in acp2/3 app)

In this scenario, we don't need to provide the user with an input for the zoomed-out view, only for the zoomed-in.  So the first step is to Disable User Input for the text and image areas associated with the zoomed-out view.

The next step is to use the Sync to setting on both the text and image areas to synchronise the input from the zoomed-in view (that the user will interact with) to the zoomed-out view so that the same edits will appear there.

For text areas remember to enable sync size,colour,font etc as applicable.

Then simply repeat this process for each print area that requires it.

The final step is to print test the product and check it is previewing and outputting correctly.

A note on text area scaling

Text size is proportional to the print area size so make sure that this is taken account of between the zoomed-in and zoomed-out view.

For instance, if your zoomed-in view has a print area that is 400 x 400px with a text size of 36 and your zoomed-out print area is 100 x 100 pixels, the corresponding text size for that print area should be 36/4 = 9 so that the text appears at the same relative size in both print areas.


Here is an example product set as per the information above featuring embroidery preview on the text for the zoomed-in view.

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