| Step Description | Expected result |
|---|---|
| * Go to BO > Design > Image settings * Scroll down to have image generation option |
* JPEG/PNG should be checked * You can’t unchecked the JPEG/PNG format * Base format should be : “Use PNG only if the base image is in PNG format” |
| Check the checkboxes next to Webp | The checkbox should be checked and the Webp is enabled |
| * Go to Catalog > Product * Click on “Add new product” * Select Standard product * Click on “Add New product |
* You should have all your product * A modal appear * Standard product is Selected * You have the page to create a product |
| * Set a product with a name and an image in PNG * Put it online * Clic on “Save” |
* You should have the name on the product name and an image on the image selection * The checkboxes is now green and it’s writte : “Online” * You have a green modal and it say : “Successful update” |
| * Go to Catalog > Product * Clic on “Add new product” * Select Standard product * Clic on “Add New product |
* You should have all your product * A modal appear * Standard product is Selected * You have the page to create a product |
| * Set a product with a name and an image in JPEG * Put it online * Clic on “Save” |
* You should have the name on the product name and an image on the image selection * The checkboxes is now green and it’s writte : “Online” * You have a green modal and it say : “Successful update” |
| * Go to Catalog > Product * Clic on “Add new product” * Select Standard product * Clic on “Add New product |
* You should have all your product * A modal appear * Standard product is Selected * You have the page to create a product |
| * Set a product with a name and an image in Webp * Put it online * Clic on “Save” |
* You should have the name on the product name and an image on the image selection * The checkboxes is now green and it’s writte : “Online” * You have a green modal and it say : “Successful update” |
| * Go to your folder [yourshop]/img/p/[id of your product png] * Drag and drop [id]_large_default.jpg on [https://www.checkfiletype.com/] |
* There is many image on jpg and Webp * The website should say that your image is on PNG |
| * Go to your folder [yourshop]/img/p/[id of your product JPEG] * Drag and drop [id]_large_default.jpg on [https://www.checkfiletype.com/] |
* There is many image on jpg and Webp * The website should say that your image is on JPEG |
| * Go to your folder [yourshop]/img/p/[id of your product Webp] * Drag and drop [id]_large_default.webp on [https://www.checkfiletype.com/] |
* There is many image on jpg and Webp * The website should say that your image is on Webp |
| * Go to FO * Scrol down and clic on “All product” * Right click on a product * Select inspect * Look at the end of the <source |
* You’ll see your shop * You’ll see many product with pagination * you’ll see many option * you should see the details of product’s image under a Picture tag * You’ll see in wich type of files, the picture tag will send the image |