# 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:

1. Open the **Images** section.
2. View the available images from the list.
3. Select the required image(s).
4. Choose an action from the **Choose an Action** dropdown.
5. Apply the required changes.
6. 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:

1. Select the required image(s).
2. Choose **Scale Down** from the action dropdown.
3. Enter the required **Image Bound (Scale proportionally)** value.
4. 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:

1. Select the image(s) to delete.
2. Choose **Delete** from the action dropdown.
3. 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 |