Every element you add to a template is a layer. The layers panel on the left of the editor shows them as a tree, with the topmost item rendered on top of everything else.
Layer types
Customei supports these layer types out of the box:
| Type | What it is | Typical use |
|---|
| Text | A string of text in a specific font | Names, monograms, dates |
| Curved text | Text that follows a curve | Mug text, arched headlines |
| Warped text | Text deformed through a mesh grid | Distorted logos, perspective text |
| Image | A raster image from your library or a customer upload | Photos, logos, product shots |
| Shape | A vector primitive (rectangle, ellipse, line, polygon) | Decorations, dividers, backgrounds |
| Clipart | Pre-tagged assets from the library | Icons, illustrations, stickers |
| QR code | A stylized QR layer | Tracking, custom URLs |
| Frame | A container that clips its children | Photo slots, masked areas |
| Group | A container that holds multiple layers | Logical grouping, bulk move |
The layers panel
- Reorder — drag a layer up or down in the list. Top of the list renders on top of the canvas.
- Select — click a layer to select it; Shift+click to add to a multi-selection.
- Visibility — toggle the eye icon to hide a layer from view (the layer is still there; hidden layers don’t render on the storefront either).
- Lock — toggle the lock icon to prevent accidental moves/edits. A locked layer can still be selected to edit its properties.
- Rename — double-click the name to change it. Rename generously; it helps when binding option fields to layers.
- Delete — pick Delete from the right-click menu or hit Delete/Backspace after selecting.
Grouping
Group selected layers to treat them as one:
- Select multiple layers on the canvas or in the panel.
- Group from the right-click menu, or use ⌘/Ctrl+G.
A group:
- Moves, rotates, and scales as a unit.
- Shows as a single row in the panel, expandable to see its children.
- Can be ungrouped via Ungroup (⌘/Ctrl+Shift+G).
Groups are great for “badge” composites — a background shape, an icon, and a label that should always move together. Group them once and you can place the whole badge with a single drag.
Bringing layers forward and back
With a layer selected, use the right-click menu Arrange submenu or these shortcuts:
| Action | Shortcut |
|---|
| Bring forward | ⌘/Ctrl + ] |
| Send backward | ⌘/Ctrl + [ |
| Bring to front | ⌘/Ctrl + Shift + ] |
| Send to back | ⌘/Ctrl + Shift + [ |
Locking vs hiding
- Lock prevents edits but still renders the layer.
- Hide removes the layer from the view entirely (and from the storefront preview).
Use lock for background art you want to keep visible but not accidentally move. Use hide when you want to temporarily check the composition underneath a layer without removing it.
What layers carry into save
Every layer persists its:
- Type and content (text string, image reference, shape data).
- Transform — position, scale, rotation, skew.
- Appearance — color, opacity, stroke.
- Metadata — name, visibility, lock state.
- Bindings — which option-set fields drive this layer, if any.
See each layer-type page for the specific properties it carries.
Next
