BO - Design - Image Settings - Images generation options

Details

Steps

Step Description Expected result
Case 1 : Using JPEG base image(with high resolution)
* Bo > Design > Image Settings > Go to Images generation options section
* Put the specified data > Click on Save button
* Image Settings page is well displayed
* Message displayed : ‘The settings have been successfully updated.’
BO > Catalog > Products > Click on New product button > Standard product > Add new product A new product page is displayed
* Set a product with a name and an image in JPEG  : use attached image for exemple
* Put it online 
* Clic on “Save”
* You should have the name on the product name and an image on the image selection 
* The Online button is enabled
* You have a green modal and it say : “Successful update”
* Go to your folder [yourshop]/img/p/[id of your new product jpg]
* Right Click on image > Click on  properties
* The Image extension is  .jpg
* Image properties are well displayed 
* Image size = 238.3 KB

!https://forge.prestashop.com/plugins/servlet/raven/attachment/1395/Desktop-screenshot.png
Using JPEG base image(with low resolution)
* Bo > Design > Image Settings > Go to Images generation options section 
* Put the specified data > Click on Save button
* Image Settings page is well displayed
* Message displayed : ‘The settings have been successfully updated.’
BO > Catalog > Products > Click on New product button > Standard product > Add new product A new product page is displayed
* Set a product with a name and an image in JPEG  : use attached image for exemple
* Put it online 
* Clic on “Save”
* You should have the name on the product name and an image on the image selection 
* The Online button is enabled
* You have a green modal and it say : “Successful update”
* Go to your folder [yourshop]/img/p/[id of your new product png]
* Right Click on image > Click on  properties
* The Image extension is  .jpg
* Image properties are well displayed 
* The image size = 25.8 kB

!https://forge.prestashop.com/plugins/servlet/raven/attachment/1398/Desktop-screenshot%20(1).png
Case 2 : Using WebP base image (with High resolution)
* Bo > Design > Image Settings 
* Go to Images generation options section > Put the specified data > Click on Save button
* Image Settings page is well displayed
* Message displayed : ‘The settings have been successfully updated.’
BO > Catalog > Products > Click on New product button > Standard product > Add new product A new product page is displayed
* Set a product with a name and an image in Webp  : use attached image for exemple
* Put it online 
* Clic on “Save”
* You should have the name on the product name and an image on the image selection 
* The Online button is enabled
* You have a green modal and it say : “Successful update”
* Go to your folder [yourshop]/img/p/[id of your new product png]
* Right Click on image > Click on  properties
* The Image extension is  .jpg
* Image properties are well displayed 
* The image size = 40.6kB

!https://forge.prestashop.com/plugins/servlet/raven/attachment/1405/webP-prop.png
Using WebP base image(with low resolution)
* Bo > Design > Image Settings 
* Go to Images generation options section > Put the specified data > Click on Save button
* Image Settings page is well displayed
* Message displayed : ‘The settings have been successfully updated.’
BO > Catalog > Products > Click on New product button > Standard product > Add new product A new product page is displayed
* Set a product with a name and an image in Webp  : use attached image for exemple
* Put it online 
* Clic on “Save”
* You should have the name on the product name and an image on the image selection 
* The Online button is enabled
* You have a green modal and it say : “Successful update”
* Go to your folder [yourshop]/img/p/[id of your new product png]
* Right Click on image > Click on  properties
* The Image extension is  .jpg
* Image properties are well displayed 
* The image size = 7.3kB

!https://forge.prestashop.com/plugins/servlet/raven/attachment/1410/webP2-prop.png
Case 3 : Using PNG base image(with High resolution)

Bo > Design > Image Settings > Go to Images generation options section > Put the specified data > Click on Save button
* Image Settings page is well displayed
* Message displayed : ‘The settings have been successfully updated.’
BO > Catalog > Products > Click on New product button > Standard product > Add new product A new product page is displayed
* Set a product with a name and an image in PNG  : use attached image for exemple
* Put it online 
* Clic on “Save”
* You should have the name on the product name and an image on the image selection 
* The Online button is enabled
* You have a green modal and it say : “Successful update”
* Go to your folder [yourshop]/img/p/[id of your new product png]
* Right Click on image > Click on  properties
* The Image extension is  .jpg
* Image properties are well displayed 
* The image size = 1MB

!https://forge.prestashop.com/plugins/servlet/raven/attachment/1414/Desktop-screenshot%20(2).png!
Using PNG base image (with Low resolution)

Bo > Design > Image Settings > Go to Images generation options section > Put the specified data > Click on Save button
* Image Settings page is well displayed
* Message displayed : ‘The settings have been successfully updated.’
BO > Catalog > Products > Click on New product button > Standard product > Add new product A new product page is displayed
* Set a product with a name and an image in PNG, use attached image for exemple
* Put it online 
* Clic on “Save”
* You should have the name on the product name and an image on the image selection 
* The Online button is enabled
* You have a green modal and it say : “Successful update”
* Go to your folder [yourshop]/img/p/[id of your new product png]
* Right Click on image > Click on  properties
* The Image extension is  .jpg
* Image properties are well displayed 
* The image size = 57.4 KB

!https://forge.prestashop.com/plugins/servlet/raven/attachment/1435/Desktop-screenshot.png!
Product Customization pictures & high resolution images

BO > Design > Image Settings > Images generation options section > Put the specified data > Click on Save button
This message is well displayed : “The settings have been successfully updated.”
* BO > Catalog > Products 
* Click on any standard product
* Details tab > Customization > Add a customization field 
* Set up the customisation with the provided Data 
* Click on “Publish and Save”
* Product should be displayed 
* Details of this product is displayed
* You have some new field to set up to have customisation 
* The different field is set up 
* This message is displayed : “Successful update”
* Go to FO > Click on product edited in previous step
* Click on CHOOSE FILE button > Add an image
* Click on SAVE CUSTOMIZATION button
* The product is well displayed
* The name of your image is set up in the field 
* The image added is well displayed in Product customization area and Romove Image link is displayed
Go to your folder [yourshop]/img/p/[id of the product you visit] * The image number in folder is doubled (11 image files .jpg)
* Every image is duplicated with new name  …..2x.jpg
* The image resolution in new added files is doubled