[FIX] ecommerce: adds screenshots and minor edits to Multi image doc

content/applications/websites/ecommerce/managing_products/multi_images.rst

@@ -1,19 +1,32 @@
-=========================================
+==================================
-How to display several images per product
+Display several images per product
-=========================================
+==================================
 
-By default your product web page displays the main image of your product only.
+By default, your product page only displays the main image of your product.
-If you like to show your products under several angles, you can turn the image into a carrousel.
+If you'd like to show multiple images of your product, you can turn the images into a carousel.
 
-.. image:: ./media/multi_images01.png
+.. image:: multi_images/multi_images01.png
    :align: center
+   :alt: ecommerce several image carousel
 
-* Check *Several images per product* in :menuselection:`Website Admin --> Configuration --> Settings`.
+* Open a product template form and click the *eCommerce* tab.
+* Then click *Add A Media* in the *Extra Product Media* section.
 
-* Open a product detail form and upload images from *Images* tab. Hit *Create* in Edit mode to get the upload wizard.
+.. image:: multi_images/ecommerce-add-media.png
-
-.. image:: ./media/multi_images02.png
    :align: center
+   :alt: ecommerce add media section
+   
+* A pop-up will appear, in which you can add a title and upload additional media.
+
+.. image:: multi_images/product-media-popup.png
+   :align: center
+   :alt: ecommerce product media pop-up
+
+* Any additional media will be displayed as the default product photo on the product page.
+
+.. image:: multi_images/product-carousel.png
+   :align: center
+   :alt: ecommerce product image carousel
 
 .. note:: 
-    Such extra image are common to all the product variants (if any).
+    Additional images are commonly used on products with a number of variants.