[FIX] ecommerce: adds screenshots and minor edits to Multi image doc
This commit is contained in:
parent
defd620d5e
commit
e4f24c1f5d
Binary file not shown.
Before Width: | Height: | Size: 120 KiB |
Binary file not shown.
Before Width: | Height: | Size: 27 KiB |
@ -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 |
Loading…
Reference in New Issue
Block a user