FO - Product Page - Change image

Details

Steps

Step Description Expected result
Go to BO > Catalog > Product Products page is displayed
Click on button Add new product > Standard product > Add new product The product configuration page is 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 4 images The 4 images are displayed in the image dropzone.
1 cover image and 3 normal images
Go to FO > Search for “Test” > Press Enter Your product Test is displayed
Click on “Test” product The product page is displayed with

Your cover image
Your normal image
Your cover and normal images are displayed in smaller size
Click on the second image The second image is displayed
Click on the arrow right > Click on the 4th image 4th image is displayed
Click on the magnifying glass The image is displayed in full screen mode
Click on the second little image The big picture should change to be the second little picture where it have a square blue on it. 

The first little picture shouldn’t have the blue square
Click on the grey area to close the full screen mode Modal is closed