Skip to main content

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