Elements

Elements let you organize and upload clipart images that customers can place onto product templates in the Print Editor. Each element group is a named category containing one or more images (SVG, PNG, JPG, and other formats). When a product is assigned one or more element groups, customers can browse those groups in the editor sidebar and drag elements onto their design canvas.

Element groups support both raster and vector formats. SVG files are treated as scalable vectors in the editor, while raster images retain their native resolution and DPI. You can bulk-upload images via ZIP file, reorder groups and their images by drag-and-drop, and assign element groups to individual products.

View Elements

From your Unified Admin, go to Print Editor > Elements.
The page displays all element groups in either List view or Grid view, toggled via the tabs in the upper right.
To search elements, use the search panel at the top right. The search filters by group name.
To add a new element group, click the Add Element button and fill in the Name and Description fields.

List View Columns

Column	Description
Id	Unique element group identifier. Rows can be dragged by this column to reorder groups.
Preview	Thumbnail of the first image in the element group.
Name	Element group name displayed to admins and in the editor.
Description	Optional description of the element group.
Image Count	Number of clipart images in the element group.
Action	Three-dot menu with Edit and Delete options.

Grid View Cards

In Grid view, each element group displays as a card showing the group name, a large preview image, and an image count. Use the three-dot overflow menu on each card for Edit, Items, and Delete actions. The Items action navigates to the element images detail page.

Reorder Element Groups

In List view, drag rows by the Id column to reorder element groups. The display order is saved automatically and determines the order groups appear in the Print Editor.

Add/Edit Element Group

Click Add Element to create a new group, or click Edit from the action menu on an existing group.
A dialog appears with the following fields:

Field	Description
Name	Required. The display name for the element group. Shown in the editor when customers browse elements.
Description	Optional description for internal reference.

Click Save to create or update the element group.

Manage Element Images

To view and manage the individual images within an element group:

List view: Click the expand arrow on the left side of any group row to reveal an inline detail grid showing all images in that group.
Grid view: Click the three-dot menu on a card and select Items to navigate to the element images page.

Element Images Columns

Column	Description
Id	Image identifier. Rows can be dragged to reorder images within the group.
Preview	Thumbnail preview of the clipart image.
Action	Menu with Delete and Download options.

Upload Images

Click the Add button in the element images detail area.
In the Add File dialog, select a file to upload.
Supported file types: BMP, GIF, JPG, PNG, TIFF, PDF, EPS, PS, SVG, AI, PSD, ZIP.
Click Upload to save the file to the element group.

ZIP upload: Upload a ZIP file to bulk-add multiple images at once. The system extracts all supported image files from the archive.

From the action menu on any group row or card, click Delete.
A confirmation dialog appears: "Are you sure you want to delete?"
Confirming deletes the element group and all its image associations. Product-to-element assignments referencing this group are also removed. The underlying image files are not deleted from storage.

Associations

Print Editor

Area	Effect
Elements panel	Customers see assigned element groups in the editor sidebar. Each group displays as a tab with a masonry grid of draggable image thumbnails.
Vector vs. raster	SVG files are flagged as vector elements and scale without quality loss. Raster images (PNG, JPG, etc.) retain their native DPI and pixel dimensions.
DPI handling	The system reads image DPI from file metadata. If metadata is missing, DPI is automatically calculated from pixel dimensions.

Print Store

Area	Effect
Product assignment	Element groups are assigned to individual products via the product's Print Editor tab. Only assigned groups appear in the editor for that product.
Product cloning	When a product is cloned, all element group assignments are copied to the new product.

Layouts — pre-designed layout templates also assigned per product
Background Themes — background image groups that complement clipart elements
Product Setup — assign element groups to products via Template Assets
Color Pallets — control colors available for recoloring SVG elements