Photos #

The Photos tool allows customers to upload their own images or choose from a predefined photo library to create personalized products. Whether designing photo gifts, apparel, home décor, or promotional items, Product Designer App provides powerful image editing tools while maintaining high-quality print output.

Store administrators can control whether customers can upload photos, browse built-in photo libraries, and edit images within the Design Studio.

This guide explains how to configure the Photos tool and the available image editing features.

What Can Customers Do? #

Using the Photos tool, customers can:

• Upload their own images
• Browse photo libraries
• Add images to the design
• Move and resize photos
• Rotate images
• Crop photos
• Flip images
• Change layer order
• Duplicate or delete photos
• Replace existing images

All edits are previewed instantly inside the Design Studio.

Photo Workflow #

Typical workflow:

Open Design Studio
        ↓
Open Photos
        ↓
Upload Image or Select Library Photo
        ↓
Adjust Position & Size
        ↓
Edit Image
        ↓
Save Design

Enable the Photos Tool #

The Photos tool can be enabled or disabled for each Product Base.

Navigate to:

Product Base → Design Studio Settings → Tools

Enable Photos to display the Photos panel in the Design Studio.

If disabled, customers will not be able to upload or insert images.

Allow Image Upload #

You can allow customers to upload their own images directly from their device.

Supported upload sources typically include:

• Computer
• Mobile phone
• Tablet

After uploading, the image is automatically added to the canvas for editing.

This feature is commonly used for:

• Custom T-shirts
• Photo gifts
• Canvas prints
• Business cards
• Personalized merchandise

Supported Image Formats #

Product Designer App supports the most common image formats.

Recommended formats include:

• PNG
• JPG / JPEG
• WebP (if supported)

For the best print quality:

• Use high-resolution images.
• Prefer PNG files when transparency is required.
• Avoid heavily compressed images.

Recommended Image Size #

For high-quality printing:

• Upload images with sufficient resolution.
• Use images that match the intended print size.
• Avoid enlarging very small images.

Low-resolution images may appear blurry when printed.

If image quality checking is enabled, Product Designer App can warn customers when an uploaded image may not produce good print results.

Photo Library #

In addition to uploading personal images, customers can select images from a predefined Photo Library.

The Photo Library is managed by the store administrator.

Typical uses include:

• Background images
• Brand assets
• Marketing graphics
• Decorative elements
• Product textures
• Seasonal artwork

This allows customers to design products without uploading their own files.

Organize Photo Categories #

Large photo collections can be organized into categories.

Examples include:

• Backgrounds
• Nature
• Holidays
• Sports
• Business
• Patterns
• Textures

Well-organized categories help customers quickly find suitable images.

Add Photos to the Canvas #

Customers simply select a photo from the library or upload their own image.

The image is immediately inserted into the active Design Area.

From there, it can be freely positioned and edited.

Resize Photos #

Photos can be resized directly on the canvas using the transformation handles.

Customers can:

• Scale proportionally
• Stretch (when allowed)
• Fit within the Design Area
• Fill larger printable areas

The live preview updates as the image is resized.

Move and Rotate #

Uploaded images can be:

• Dragged to any position
• Rotated
• Centered
• Aligned with other elements

These controls make it easy to create balanced product layouts.

Crop Images #

The built-in crop tool allows customers to remove unwanted portions of an image before printing.

Typical uses include:

• Cropping portraits
• Removing backgrounds
• Focusing on important details
• Adjusting image composition

Cropping only affects the design—it does not modify the customer’s original uploaded file.

Flip Images #

Photos can be flipped:

• Horizontally
• Vertically

This is useful for mirrored designs, logos, or layout adjustments.

Replace Photos #

Customers can replace an existing image without recreating the entire design.

The new image inherits the original position and size whenever possible, making it easy to update photos while preserving the overall layout.

Layer Management #

Photos behave like all other design objects.

Customers can:

• Bring Forward
• Send Backward
• Duplicate
• Lock (if enabled)
• Delete

This allows photos to be combined with text, clipart, QR codes, and other design elements.

Photo Options #

Depending on your Product Base configuration, customers may have access to additional photo options, including:

• Opacity
• Rotation
• Scaling
• Position
• Flip Horizontal
• Flip Vertical
• Crop
• Duplicate
• Delete

Available options may vary depending on the product configuration and enabled Design Studio features.

Image Quality #

For professional printing, we recommend:

• Upload high-resolution images.
• Avoid screenshots or heavily compressed files.
• Use transparent PNG files when appropriate.
• Verify image quality before completing the order.

The final print quality depends largely on the resolution of the uploaded image.

Troubleshooting #

Images cannot be uploaded #

Check that:

• The Photos tool is enabled.
• Image uploads are allowed.
• The uploaded file format is supported.
• The file size does not exceed your server’s upload limit.

Uploaded image looks blurry #

Possible causes include:

• Low-resolution image
• Excessive image enlargement
• Highly compressed file

Recommend using a higher-quality source image.

Photo Library is empty #

Verify that:

• Photos have been added to the Photo Library.
• Categories are published.
• The library is assigned correctly.

Upload fails #

This may be caused by:

• PHP upload limits
• Server configuration
• File permission issues
• Unsupported image formats

Review your server’s PHP upload settings if problems persist.

Best Practices #

For the best customer experience:

• Enable image uploads only when required by your products.
• Organize Photo Library images into categories.
• Use high-quality images in the Photo Library.
• Recommend customers upload high-resolution photos.
• Test uploads on both desktop and mobile devices.
• Verify exported print files before production.
• Keep the Photo Library organized and up to date.

The Photos tool makes it easy for customers to personalize products using their own images or a curated photo library. By combining flexible upload options, intuitive editing tools, and organized image libraries, Product Designer App provides a smooth design experience while ensuring high-quality, print-ready results.