3.7.1. Image Gallery

fmImageLoadForm, fmResizeImageSettings - Image Gallery

The image gallery is represented by this toolbar:

Image Gallery toolbar
  • Add a new image to the selected product
Add new image
Image from local hard drive
Image from FTP

< - Press the corresponding button and choose the image from the local hard drive or from the FTP server.

Resize Image Rule button

< - To configure image resize rules, hit this button and open the creation form.

Add new rule button

< - The [Add New Image Rule] button helps creating the necessary image size with specific parameters.

Delete Resize Rule button

< - [Delete] allows removing rule from the list.

Edit image button

< - [Edit] selected image calls form where you can change the image or image label in the relevant fields

Delete image from Gallery

<- [Delete] serves for removing image file from the gallery

Download button

<- The [Download] button is the direct option that helps finding the necessary media on your computer or FTP server at once.

Set resize rule

< - The [Set Resize Rule] button enables to set own parameters of product image.

Magento allows you to add Thumbnail, Small, and Base images. When first creating a product, as you will not have previously uploaded any custom images, all three image fields will be blank.

images empty fields

To add images to the product, click the browse [...] button, and you'll see the "Load Image" form.

Load image form

Select an Image by either:

    • Browsing the contents of your local folders and selecting an image. When you press the [OK] button, on the edit form, it will be uploaded to the "Images directory", via FTP. When a local image selected, the field will display the local image path (ex: C:\My Images\some_image.jpg). The local image path will be replaced with the image name, some_image.jpg, after uploading.
    • Selecting an image stored remotely, by browsing the contents of the FTP folder, previously specified as the "Images directory".
Set own resize rule

< - To open the "Image Resize Rules" window, click the relevant button.

If your images have different format, you can specify the necessary size of your media files. As default, the images are loaded without resizing, but when you press specific button, you have an opportunity to set your own size for product images.

Resize image form

The "Resize Image Rule" form helps you to perform the following operations:

Add resize rule button

< - [Add] new resize rule - you can specify the required width and height for your media files

Delete resize rule button

<- [Delete] existing rule

Cancel rule button

< - [Abolish] your previous entries

apply rule button

< - [Apply] the changes you have made

To create your own resize rule press the [Add Rule] button and fill the columns as:

    • The name of new rule
    • Weight in pixels. If you specify only the weight parameter for media files, the image view will change proportionally to the specified size
    • Height in pixels. If you fill both - the width and height columns - the image size will be changed accurately to these proportions

Additionally, you have to check one of the fields:

  1. If the image should reduce its size based on parameters you have specified, select the "Decrease Size" column.
  2. If the picture has to be increased in size, select the second one - "Increase size".
Increase /decrease size

Press the [OK] button to save all your changes.

In the "Preview" column of product page you can see the base image of the products, all media gallery assigned to the specific product you can find in the lower product menu ribbon in Image Gallery tab.

Preview columns

Among the other options you can find the one called [Preview Images]. By clicking on it you access all the existing list of product images in one row.

During a new image assignment you may receive the following message:

Regenerate image name message

When you press [Regenerate Name] the image name will be changed by the program automatically to avoid the duplication in image titles on the FTP.

If you choose the [Overwrite Image], this media file will be saved on over the existing one with the same position on the server.

You can reject this action by pressing [Cancel].

Each image position has an additional tools:

Edit media file

< - edit current media file

Delete media file option

< - delete it from the gallery

Download media file

< - download locally on your computer

Down image position

< - change the image position up

Up image position

< - or change the image position down

Please check the video below to see how to add image labels to your store views via our software.

Also, check the article(s) below, for additional useful information:

How to Quickly Detect and Remove Unnecessary Magento Images?

How to Add Video to the Product Details