Product Designer

Appearance

Fields ​

Product fields are rectangles that can contain design elements (texts or images)

You can enable the fields feature and add the various fields to the designer.

In this example, we will add two fields, one for text and one for an image.

Adding fields ​

1️⃣ We start by adding the two fields by clicking the add button Add field btn

Product fields

Editing fields ​

To edit a field, click the edit button

Edit field btn

This modal will be displayed

Edit field modal

Field type ​

2️⃣ Next we change the fields properties to make them only accept a certain type of item ( optional)

Field edit

Text field ​

3️⃣ We enable the text field option on the first field and we set the label

Edit text field

The label will be be displayed like this

Field label

The text field will be displayed like this

Text field display

Preferred text size ​

By default, the text is scaled to fit the field, which means that its final size depends on how much text the customer types. If you want the text to be printed at a fixed physical size instead, set the Preferred text size (pt) option in the field settings.

The option is available on fields that have the Display as text field option enabled. Leave it at 0 to keep the automatic behaviour.

When a size is set:

  • The text is rendered at that exact size in points, no matter how much text is entered
  • Long text wraps onto a new line at the field width instead of shrinking to fit

Preferred text size

TIP

The size is converted using the real size of the side, so make sure the real size is configured correctly, otherwise the printed text will not match the requested size.

WARNING

The preferred size is ignored for vertical and curved texts. They fall back to the normal text rendering.

Image field ​

4️⃣ We set the stretch image option on the image field. This will make any image we add to the field fill the whole space.

Stretch image

If we enable the rounded field option, we will have this display

Rounded field

Field cost ​

5️⃣ Next, we set the extra cost for each field and choose whether to include the items cost that are inside the field.

Field cost

Using templates ​

You can enable models which are field templates that your customer can pick from.

First, enable the models like this

Models switch

Then add any number of models by the clicking the add button

Add model

Then you can add fields to each model. The fields layout will be displayed directly.

Fields preview

The models will be displayed in a separate tab in the customer interface

Models tab