FO - Product Page - Change image

Details

Steps

Step Description Expected result
Go to BO > Catalog > Products Products page is displayed
Click on button Add new product > Standard product > Add new product The product configuration page should be displayed
Set up the Product nameĀ > Click on the switch to put the product Online > Save Successful update message is displayed
Click on the camera icon > Add 7 images The 7 images are displayed in the image dropzone.
1 cover image and 6 normal images
Click View my store > Search for “Test” > Press Enter Your product Test is displayed
Click on “Test” product The product page should be displayed with :
- Your cover image
- All your images listed in a smaller size
- The 7 images are displayed on 2 lines
Click on the magnifying glass The image is displayed in full screen mode
Click on the arrow right The images scroll to the right
Click on the grey area to close the full screen mode Modal is closed
Click on the arrow left The images scroll to the left
Click on the last image of the product The last image is displayed.
In the listing of images the last image is selected with a blue border.