Page Setup

Page Setup is used to define the general look of the page: Dimensions, Orientation, Headers and Footers, and the number of Product Layouts. These settings are arranged in Tabs near the top of the form.

NOTE: The Preview button on any of the Template Editor pages will create only a one-page+one-product PDF. If you want to see an entire category, open a preview from the Home page.

The Design Pad on the right side of the page shows the number and shape of the Product Layouts.

Page

On the Page tab, you choose Paper Size and Margins.

The example above is a standard Letter-size page with 1/4" margins, but you can also set custom Dimensions to design a template better suited for a phone or tablet. In this case, the actual dimensions are less important than the height:width ratio. Most phones and tablets have a ratio of about 16:9.

In this example, the page has been defined as 5" tall x 2.8" wide with no margins, resulting in a ratio of 16:8.9.
An 8" x 4.5" page is exactly 16:9, and will resize to fit any screen, but if viewed on a screen that is only 4" tall, might result in text that is too small to read without zooming.

You don't have to exactly match the size of the screen because the PDF will automatically resize to fit, but the closer you are to the final size, the better the results. For example, download this 5" x 2.8" PDF on your phone or tablet to see how well it works in Portrait mode.

The above PDF will open on any device, and you can also download it to your PC.

Header

There are many options for the Page Header and the best design approach is usually to experiment with them and see how they look.

The size of any image in the Header is controlled by the Header Height setting. In the first example below, the logo is quite small because the Header is only 1/2" tall. When the Header is increased to 1" in the second example, the logo image automatically grows to fit the available space.

Footer

There are also many options for the Page Footer.

Footer Text can be different for every category and is set on the Home Page's Customize Tab.
This text prints centered in the Footer.

Date (+) prints on the bound side of the page in Duplex mode, or on the left in non-Duplex, and is also set on the Customize Tab.
Date (+) can be set to print the current Date, the Category Label, the first Subcategory on the Page, or any Custom Text.

Page prints on the unbound side of the page in Duplex mode, or on the right in non-Duplex.

A Footer Banner image is selected on the Customize Tab.

Product Layout

There are two types of Layouts. With a Static Layout, you set the number of Columns and Rows to be printed in a Grid.

With a Dynamic Layout, you set only the number of Columns because each Product Layout grows to fit the text. As a result, the number of products on a page varies and the tops of the layouts do not align to a Grid.

Order Option applies only to Static Templates. The products in a Dynamic Template are always filled in Columns.

Auto-Height is generally only used with Dynamic templates, where the entire layout increases in height. This option can also be used to allow Text Fields to grow in a Static template, but the layout should be designed to avoid lower fields being cut off if they are pushed beyond the boundaries of the Grid.

If a Data Table is too long to fit the column it starts printing in, it is normally split onto the next column. If you prefer to keep the entire Product Layout together, use Table Option to cause the application to move the product to the top of the next column. NOTE: This may create a large blank space at the bottom of the previous column.

The Vertical and Horizontal Gap between Product Layouts can be adjusted independently.

Photo Options

As with the Header Image described above, the width of Product Photos is normally constrained by the available height. Use the Photo Height option with a Dynamic Template to allow individual photos to grow until they are constrained by the width of the assigned space.

Normally, if there is no image file present in a Dynamic Template, the space assigned for it will disappear and any text below will be lifted into its place. With the Minimum Height option, you can force the application to reserve that space, which could make your Layouts more uniform in height.

Format

Use the Active Cell Selector to choose any text element, or click to select it on the Design Pad. Then use the various formatting controls to change the appearance of that text.

To change the color of any element, click the Hexadecimal Number beside the Color Indicator to open the Palette Tool. In the example to the right, click #808080 under Product Layouts to change the Border Color.

Config

Lastly, if you imported your Product Data from Wix with the Subcategory option, the Config Tab allows you to set where that text appears in a Dynamic Template.

Typically, Subcategory text prints as a Column Break whenever the subcategory changes. However, some users may prefer to have it appear at the top of every column, even if it hasn't changed from the previous column.