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
- From your Unified Admin, go to Print Editor > Layouts.
- 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.
- To add a new category, click the Add Layout button.
List View Columns
| Column | Description |
|---|---|
| Id | The layout category ID. Click the expand arrow to reveal the individual layouts within this category. Rows can be dragged to reorder categories. |
| Thumbnail | Preview image of the first layout in the category. Shows "No image" if no layouts have been added yet. |
| Name | The display name of the layout category. This name appears to customers in the Print Editor sidebar. |
| Description | Optional description of the layout category. |
| Layouts | Number of individual layout files contained in this category. |
| Action | Three-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
| Action | Description |
|---|---|
| Edit | Opens a dialog to change the category name and description. |
| Online Editor | Opens 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 Data | Opens the import/export dialog for transferring layout template data between storefronts (see Template Data section below). |
| Clone | Duplicates the entire layout category, including all contained layouts and their canvas definitions. |
| Delete | Removes the layout category and all its contained layouts after confirmation. |
Add/Edit Layout Category
- Click Add Layout to create a new category, or click Edit from the action menu on an existing category.
- A dialog appears with the following fields:
| Field | Description |
|---|---|
| Name | Required. The display name for the layout category. Shown to customers in the editor's layout sidebar panel. |
| Description | Optional. A description of the layout category for administrative reference. |
- 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
| Column | Description |
|---|---|
| Id | The layout item ID. Rows can be dragged to reorder layouts within the category. |
| Preview | Thumbnail preview of the layout design. |
| Name | The display name of the individual layout. |
| Description | Description of the layout. |
| Dimension | The canvas dimensions of the layout (width x height). |
| Action | Three-dot menu with Edit and Delete options. |
Add Layout File
- Click the Add button above the inner layout grid.
- The Add File dialog appears. Acceptable file types for layouts are PDF and IDML (Adobe InDesign Markup Language) only.
- Click Select File to choose a file, then click Upload.
- 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
- Click Edit from the action menu on any layout item row.
- The edit dialog appears with the following fields:
| Field | Description |
|---|---|
| Name | Required. The display name of the layout. |
| Description | Required. A description of the layout. |
| Thumbnail | Optional file upload to replace the layout preview image. Accepted types: bmp, gif, jpg, png, tiff, ps, psd, svg. |
- Click Save to apply changes.
Delete Layout Item
- Click Delete from the action menu on any layout item row.
- A confirmation dialog appears: "Are you sure you want to delete?"
- 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.
- Click Template Data from the action menu on any layout category.
- Choose one of the following options:
| Option | Description |
|---|---|
| Import Print Editor template file | Upload 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 file | Download the layout category as a .pn file (ZIP archive containing XML layout data and thumbnail images). Use this to transfer layouts to another storefront. |
- For imports, click Select File to choose a
.pnfile, then click Import. - For exports, click Export to download the file.
Associations
Print Editor
| Area | Effect |
|---|---|
| Layout sidebar panel | Layout 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 layout | When 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 filtering | Only layout categories explicitly assigned to the current product (via LayoutCategoryDrawingSpaceMap) appear in the editor. Layouts are not shared across all products by default. |
| Layout restriction | Products can restrict layout visibility so that only a specific layout category is shown, controlled by the onlyLayout property on the canvas. |
Print Store
| Area | Effect |
|---|---|
| Product setup | Layout 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. |
Related Pages
- 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