Managing Product images

Content was last updated in 06.01.13-00

Revision history

Details

Picture speaks a thousand words, and thus it is easier to identify a product by its image. Therefore, R2 has this feature to add an image for a product. All this can be managed through the View Image window within Items/Kits/Parts edit.

A product may have multiple physical views, sub-parts,  etc. In such case, you may want to include all the views of the product, each as a separate image. Yes, R2 supports this as well. To enable adding multiple images for a product, you just need to configure the 'Media Files Root Folder'.Click here to know more.

The added images can be viewed in various places across R2 like Orders, Warehouse tasks, Item search etc.,

Key Features

Figure 1.0: Sample View Image window

1. Primary Image: This checkbox is to select an image as primary so that you can view that image as a first one when the view image window opened.

2. The primary image is always stored in the database.

3. In case of a single image, by default, system selects the image stored in the database as primary, and the 'Primary' checkbox is disabled.

4. When you add multiple images to a product, having the 'Media Files Root Folder' configured, you can select any one of those images as primary. Upon primary selection, that image will be pushed to database and the one residing in database will be copied to the media files root folder. Basically, it swaps the two images.

If the product has primary image added, then the checkbox in the 'Image' column appears selected in the 'Items/Kits/Search Inventory' search windows. 

2. Carousel viewer: Next/previous/First/last icons is to traverse through the multiple images.

3. Zoom: Zoom in/out option is to increase/decrease the image without losing the resolution.

4. Reset: To reset the zoomed In/Out image back to its original size.

5. Add: To add the images.

6. Delete: To delete an image displayed in the view port.

7. Download: You can save the image currently displayed in the view port to a local folder or wherever the R2 application is installed.

8. Image File name: Filename is displayed beside the carousel viewer icons.

9. Window re-size: Re-sizing the window re-sizes your image as well without losing the resolution. Click and drag the edges of the window to re-size.

Table 1.0: Following keyboard shortcut keys are supported

Access points

• Edit access points - places where you can 'view and add/ delete/ download/ change the primary image selection'.

  • Item Edit > View Image

  • Search Items/Kits/Parts window > Right Click > View Image

  • Search Inventory window > Right Click > View Image

• View access points - places where you can 'only view' the images.

1. Order Item line > Right Click> View Image

   • Warehouse tasks (prep/ship/pickup/return/transfer)> Right Click> View Image

Supported file formats

• JPG

• GIF

• PNG

• JPEG

How to add multiple images for a product?

To enable adding multiple images for a product, you just need to configure the 'Media Files Root Folder'.

How to configure a media files root folder?

Why do you need to configure a media files root folder?

Sample Workflow#1

1. Go to Item Edit window, and click View Image option.

2. Click Add button and select the image to upload.

Figure 4.0: View Image window

3. Again, click Add to add multiple images.

• The first added image will be selected as 'Primary Image' and pushed to database.

• You can still select the other images as primary after adding the images if required.

4. If you add an image which has the same file name that already exists in the folder, then system displays the below dialog window.

5. If you want to replace an image, then click Yes. Otherwise, click No.

Figure 5.0: Dialog window

5. After adding the images, you can traverse through it as shown below.

Figure 6.0: Multiple images are added

All the additional images that you add for a product is stored under the media files root folder as shown below.

Figure 7.0: Images stored under media files root folder

When multiple image is not enabled

When multiple image is not enabled, you can still add a single image to each product. Also, you can add, delete, download, and zoom the image as needed.

Sample Workflow#2

1. Go to Item Edit window, and click View Image option.

2. Click Add button and select the image to upload. Image is added as shown below.

   • Primary Image and Carousel tool bars are disabled as you can only add a single image.

Figure 8.0: Single Image

3. Again, if you click Add button. then system displays the below dialog window.

   • If you want to replace an image, then click Yes. Otherwise, click No.

Figure 9.0: Dialog window