Product (App Images)
Overview
The Manage Images section allows users to manage and modify images used in the application. Users can view image details, select images, and perform actions such as changing fill color, scaling down images, and deleting images.
Navigation
Bulk Actions → App Images
App Images
The App Images page displays all available images used in the application along with details such as model name, reference, image resolution, and file size.
Users can select one or multiple images and perform available actions to manage image properties.
Manage App Images
To manage app images:
- Open the Images section.
- View the available images from the list.
- Select the required image(s).
- Choose an action from the Choose an Action dropdown.
- Apply the required changes.
- Save or confirm the action to apply the updates.
Image List
The App Images page contains the following details:
| Field | Description |
|---|---|
| # | Displays the image sequence number. |
| Model | Displays the image model or image identifier. |
| Reference | Displays the reference name associated with the image. |
| Image | Displays the image details. |
| Pixels | Displays the image resolution. |
| Bytes | Displays the image file size. |
Available Actions
Fill Color
The Fill Color option allows users to add or adjust fill color around selected images.
Available options:
- Top: Adds fill space at the top of the image.
- Bottom: Adds fill space at the bottom of the image.
- Left: Adds fill space on the left side of the image.
- Right: Adds fill space on the right side of the image.
Scale Down
The Scale Down option allows users to reduce the image size while maintaining its proportions.
Steps:
- Select the required image(s).
- Choose Scale Down from the action dropdown.
- Enter the required Image Bound (Scale proportionally) value.
- Apply the action.
Example:
Image Bound (Scale proportionally): 800 x 800 px
The image will be resized proportionally according to the selected dimensions.
Delete
The Delete option allows users to remove selected images from the application.
Steps:
- Select the image(s) to delete.
- Choose Delete from the action dropdown.
- Confirm the deletion action.
Note: Deleted images cannot be restored after confirmation.
Selected Images
The selected image count is displayed as:
Total Selected Images: Displays the number of images selected for performing actions.
Selected Images URLs
The Selected Images URLs section displays the URLs of selected images, which can be used for reference or further usage.
Available Actions
- Search: Allows users to search for a specific image.
- Show Entries: Allows users to select the number of records displayed in the list.
- Select Images: Allows users to select one or multiple images.
- Fill Color: Allows users to customize image fill areas.
- Scale Down: Allows users to resize images proportionally.
- Delete: Allows users to remove selected images.
- Selected Images URLs: Displays URLs of selected images.
Example App Images
| # | Model | Reference | Image | Pixels | Bytes |
|---|---|---|---|---|---|
| 1 | CatalogLogo-5191 | Demo Account | 512 x 512 px (39 KB) | 262144 | 39140 |