Setting Up Graphic Zones in Konfiwear
Graphic zones define bounded rectangular areas on a garment where customers place artwork or text. Each zone specifies a print method (DTG or sublimation), canvas coordinates, dimensions, and constraints that control what customers can upload.
Before You Begin
Make sure you have:
An active Konfiwear account with admin or owner access
At least one product and one design in your account
An understanding of where print areas should be on your garments (coordinates and dimensions in pixels, based on a 2048×2048 canvas)
⚠️ Important: Zones define print areas on the 2D canvas, which is a fixed 2048×2048 pixel workspace. All coordinates and dimensions are in pixels relative to this canvas size.
Setup Instructions
1. Navigate to Graphic Zones
Go to Graphics → Zones from the sidebar. This is the default tab when you open the Graphics section.
The Zones page shows a data table with all your zones, searchable by zone name, product name, or category name.
Caption: The Zones table with columns for name, assignments, print method, view side, and dimensions.
2. Click Add Zone
Click the Add Zone button to open the creation dialog.
3. Choose the zone type
At the top of the form, select the zone type:
Type | When to Use |
Graphic | For artwork, logos, and image uploads (DTG/sublimation print areas) |
Text | For text-only zones (player names, sponsor text) |
The form fields adapt based on your selection.
4. Fill in the zone details
Field | Description | Required |
Name | Display name (e.g., "Front Chest DTG", "Back Full Sublimation") | Yes |
Slug | Auto-generated unique identifier. Editable. | Yes |
View Side | Which garment side this zone appears on: | Yes |
Print Method |
| Graphic only |
Sort Order | Display ordering in the customizer | No |
Price | Per-unit surcharge applied when this zone has content (e.g., €5.00 per unit for a custom chest print) | No |
5. Set the geometry
Define where the zone appears on the canvas:
Field | Description |
Position (optional) | Select a position from your Positions library to auto-fill X/Y coordinates |
Origin X / Y | Canvas coordinates for the top-left corner of the zone (in pixels) |
Width / Height | Zone dimensions in pixels (must be greater than 0) |
Rotation | Zone rotation in degrees |
Caption: The geometry section of the zone form with position selector and manual coordinate fields.
6. Configure zone constraints
The constraints section adapts based on zone type.
Graphic zone constraints:
Constraint | Default | Purpose |
Max Graphics | 1 | Maximum number of graphics a customer can place in this zone |
Min DPI | 150 | Minimum resolution for uploaded images. The customizer shows a color-coded DPI badge (green ≥150, amber 72–149, red <72). |
Max File Size | 10 MB | Maximum file size for zone uploads |
Allowed Formats | PNG, SVG, JPG, JPEG, TIFF, PDF | Which file types customers can upload |
Allow User Uploads | Yes | Whether customers can upload their own files |
Allow Library Only | No | If yes, customers can only pick from your graphic library (no uploads) |
Clip to Bounds | Yes | Whether artwork is clipped to the zone boundary |
Bleed (mm) | 0 | Production bleed allowance beyond the zone edge |
Text zone constraints:
Constraint | Default | Purpose |
Allow Text | Yes | Whether text input is enabled |
Clip to Bounds | Yes | Whether text is clipped to the zone boundary |
7. Assign to products and designs
In the assignment section, select which products and/or categories this zone applies to. Use the multi-select pill buttons to assign.
Zones assigned to a category automatically apply to all products in that category.
Zones must also be assigned to designs — when a customer selects a design, only zones assigned to that design appear in the customizer.
8. Save the zone
Click Create. The zone appears in the table.
✅ Done! Your zone is configured and assigned. Customers will see this zone in the customizer when using the assigned products and designs.
DTG vs. Sublimation Behavior
The print method determines how the zone behaves on the canvas:
Behavior | DTG | Sublimation |
Visible boundary | Yes — dashed rectangle outline | No — invisible |
Auto-scale on upload | Yes — artwork scaled to fit zone | No — placed at original size |
Clip to bounds | Yes — artwork clipped to zone rectangle | No — free positioning |
Movement constraint | Within zone bounds only | Free movement anywhere |
Rotation | Locked | Free |
💡 Tip: Use DTG for defined print areas where artwork must stay within bounds (e.g., a chest logo zone). Use Sublimation for all-over print areas where the customer has full creative freedom.
Verify It Works
Open the customizer with a product assigned to this zone
Select a design assigned to this zone
Navigate to the Graphics panel — your zone should appear as a card
Upload a test image to the zone and verify:
The artwork appears within the zone boundaries (DTG) or at the zone origin (sublimation)
DPI badge shows the correct resolution
Constraints are enforced (file size, format, movement limits)
Tips & Best Practices
Use descriptive names — "Front Chest DTG 20×15cm" is far more useful than "Zone 1"
Set realistic DPI minimums — 150 DPI is standard for most print methods. Lower if the print is large-scale; higher for fine-detail embroidery templates.
Assign zones to designs, not just products — zones are filtered by design selection in the customizer. A zone must be assigned to a design to appear.
Use per-zone pricing to charge for customization — a common model is base product price + surcharge per zone that has content
Test coordinates on the actual garment model — zone placement on the 2048×2048 canvas maps directly to the 3D model via UV coordinates