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

This commit is contained in:
KC (ksc) 2021-03-16 16:02:07 -07:00
parent defd620d5e
commit e4f24c1f5d
7 changed files with 24 additions and 11 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

View File

@ -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.
If you like to show your products under several angles, you can turn the image into a carrousel.
By default, your product page only displays the main image of your product.
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:: ./media/multi_images02.png
.. image:: multi_images/ecommerce-add-media.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.

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 165 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB