Style Preview Image
The Preview Image section in the Style module allows users to upload a representative image for the style record. This visual appears in summary cards and detailed views, helping teams quickly identify and differentiate styles across product development, merchandising, and cross-functional review processes. Treat it as the hero product image for the style wherever thumbnails are shown in lists, approvals, or dashboards.

Preview images are displayed on the style card and used throughout dashboards, approval workflows, and summary views. Users can upload or remove the preview image directly from the style card interface. A clear, high-quality image improves visibility and review efficiency, making it easier for team members to recognise styles at a glance.
Core Actions
These actions are available to all users with access to the style record and allow for basic preview image management.
| Feature | Description |
|---|---|
| Upload Image | Click the image area on the style card to open the image upload pop-up. Click the upload box to browse and select a PNG or JPG file, or drag and drop an image into the area. (Available to all users) ![]() |
| Delete Image | Once uploaded, the image is shown in the preview pane on the card. Click the trash icon on the image, then confirm the deletion by selecting Yes in the pop-up dialogue. (Available to all users) ![]() |
Key Features
These features define how preview images are used and displayed across the system.
| Feature | Description |
|---|---|
| Supported Formats | Only PNG and JPG files are supported at this time. Ensure your image meets these format requirements before uploading. (System constraint) |
| Display Locations | Preview images appear in style summary cards, detailed views, dashboards, and approval workflows. They help teams quickly identify styles without opening the full record. (System-generated) |
| Drag and Drop | You can drag and drop an image directly into the upload area instead of browsing for a file. This speeds up the upload process. (Available to all users) |
Important Notes When Using Preview Image
File Format: Only PNG and JPG files are supported. Other formats will not be accepted.
Image Deletion: Deleting the preview image is permanent. The image will no longer appear on the style card or in summary views. Consider backing up important images before removal.
Image Quality: Use clear, high-quality product images to improve visibility and review efficiency across dashboards and workflows.
Best Practices
Use High-Quality Images: Upload clear, high-quality product images to improve visibility and make it easier for teams to identify styles in summary views and dashboards.
Consistent Formatting: Use consistent image composition across styles to help teams quickly identify and compare styles in approval workflows and product listings.
Update When Needed: Replace the preview image when the style design changes significantly to ensure the visual remains representative of the current product.

