Commerce Products - External Images Preview

What is the problem you are trying to solve?

Review Product Images in Control Panel, provided from external system (via cdnUrl)

Problem:

  • When local images are used for Products - preview is displayed correctly in Product Details (Media → Images);

  • But when external images (provided via cdnURL) are used - neither image preview, nor metadata are displayed:


    (and image thumbnails on the left are too small to assess the product images)

Portal Administrator should be able to easily review product images (image size, quality, aspect ratio, URL/Title, etc.)

What is your project about? (e. g. Intranet, Partner Portal, Enterprise Website, etc)

Liferay Commerce (B2B/B2C) project with external external Product images (from Cloudinary).

What is your proposed solution? (optional)

When clicking on image from Media → Images list - display image preview.

Display zoom in / zoom out actions to review the image quality.

Desirably, display image metadata, e.g.:

  • Format: JPG

  • File size: 472.7 KB

  • Dimensions: 5184 × 3456

When there are multiple images for products - display a gallery view to easily navigate between them.

2 Likes