PrintNowPrintNowDocs

Layouts

Manage pre-designed layouts customers can apply to products in the Print Editor.

Layouts allow you to offer alternative designs for a product template without creating separate products. Each layout is a complete canvas definition — including text boxes, image zones, dimensions, and bleeds — that customers can apply to swap out the current design while preserving their entered content. Layouts are organized into categories, and each category can contain multiple individual layout files.

You can configure layouts to autofill a customer's text and images when switching to a new layout, so they do not lose any data entry. Layouts can also be configured to allow backgrounds to be swapped out.

View Layout Categories

  1. From your Unified Admin, go to Print Editor > Layouts.
  2. The page displays all layout categories with a search panel. You can toggle between List view and Grid view using the tabs in the upper right.
  3. To add a new category, click the Add Layout button.

List View Columns

ColumnDescription
IdThe layout category ID. Click the expand arrow to reveal the individual layouts within this category. Rows can be dragged to reorder categories.
ThumbnailPreview image of the first layout in the category. Shows "No image" if no layouts have been added yet.
NameThe display name of the layout category. This name appears to customers in the Print Editor sidebar.
DescriptionOptional description of the layout category.
LayoutsNumber of individual layout files contained in this category.
ActionThree-dot menu with Edit, Online Editor, Template Data, Clone, and Delete options.

Grid View

The grid view displays layout categories as cards with a thumbnail preview, name, and image count. Each card has a three-dot menu with the same actions available in the list view. Click Items from the menu to navigate to the category's layout items page.

Category Actions

ActionDescription
EditOpens a dialog to change the category name and description.
Online EditorOpens the layout in the Print Editor in a new browser tab, allowing you to visually edit the layout template. Only available for layout categories.
Template DataOpens the import/export dialog for transferring layout template data between storefronts (see Template Data section below).
CloneDuplicates the entire layout category, including all contained layouts and their canvas definitions.
DeleteRemoves the layout category and all its contained layouts after confirmation.

Add/Edit Layout Category

  1. Click Add Layout to create a new category, or click Edit from the action menu on an existing category.
  2. A dialog appears with the following fields:
FieldDescription
NameRequired. The display name for the layout category. Shown to customers in the editor's layout sidebar panel.
DescriptionOptional. A description of the layout category for administrative reference.
  1. Click Save to create or update the category.

Manage Layout Items

Expand a layout category row in the list view, or click Items from the grid view menu, to see all individual layouts within that category.

Inner Layout Columns

ColumnDescription
IdThe layout item ID. Rows can be dragged to reorder layouts within the category.
PreviewThumbnail preview of the layout design.
NameThe display name of the individual layout.
DescriptionDescription of the layout.
DimensionThe canvas dimensions of the layout (width x height).
ActionThree-dot menu with Edit and Delete options.

Add Layout File

  1. Click the Add button above the inner layout grid.
  2. The Add File dialog appears. Acceptable file types for layouts are PDF and IDML (Adobe InDesign Markup Language) only.
  3. Click Select File to choose a file, then click Upload.
  4. The uploaded file is parsed and a new layout is created with all canvas objects (text boxes, image zones, dimensions, and bleeds) extracted from the file.

Edit Layout Item

  1. Click Edit from the action menu on any layout item row.
  2. The edit dialog appears with the following fields:
FieldDescription
NameRequired. The display name of the layout.
DescriptionRequired. A description of the layout.
ThumbnailOptional file upload to replace the layout preview image. Accepted types: bmp, gif, jpg, png, tiff, ps, psd, svg.
  1. Click Save to apply changes.

Delete Layout Item

  1. Click Delete from the action menu on any layout item row.
  2. A confirmation dialog appears: "Are you sure you want to delete?"
  3. Confirming removes the layout from the category.

Drag-and-Drop Reordering

Both layout categories and individual layout items support drag-and-drop reordering:

  • Categories: Drag rows in the list view to change the display order of layout categories. The new order is saved automatically.
  • Layout items: Drag rows within the expanded inner grid to reorder layouts within a category. The new order is saved automatically.

The display order determines how layouts appear to customers in the Print Editor sidebar.

Template Data (Import/Export)

The Template Data dialog allows you to transfer layout templates between storefronts or back up layout configurations.

  1. Click Template Data from the action menu on any layout category.
  2. Choose one of the following options:
OptionDescription
Import Print Editor template fileUpload a .pn file to import a layout template. The file contains serialized layout data (canvas objects, text boxes, image zones, dimensions) that will be added to the selected category.
Export Print Editor template fileDownload the layout category as a .pn file (ZIP archive containing XML layout data and thumbnail images). Use this to transfer layouts to another storefront.
  1. For imports, click Select File to choose a .pn file, then click Import.
  2. For exports, click Export to download the file.

Associations

AreaEffect
Layout sidebar panelLayout categories assigned to a product appear in the Layouts panel of the Print Editor sidebar. Customers can browse layout groups and click a layout thumbnail to apply it to their current design.
Apply layoutWhen a customer selects a layout, the editor replaces the current canvas with the layout's definition (text boxes, image zones, dimensions, bleeds) while preserving entered content where possible.
Product-specific filteringOnly layout categories explicitly assigned to the current product (via LayoutCategoryDrawingSpaceMap) appear in the editor. Layouts are not shared across all products by default.
Layout restrictionProducts can restrict layout visibility so that only a specific layout category is shown, controlled by the onlyLayout property on the canvas.
AreaEffect
Product setupLayout categories are assigned to products through the product's Template Assets section. The "Layouts" field on the product edit page is a multi-select list of available layout categories.
  • Products — assign layout categories to products via the Template Assets section
  • Background Themes — background images that can be swapped when applying layouts
  • Elements — clipart groups also assigned as product design assets
  • Editor Themes — controls the editor interface where layouts appear in the sidebar

On this page