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 > categories * Clic on “Add new category” |
* You should have all your categories * You have the page to create a category |
* Set a category with a name and three image in PNG * Clic on “Save” |
* You should have the name on the category name and the url of image on image selection * You have a green modal and it say : “Successful update” |
* Go to Catalog > categories * Clic on “Add new category” |
* You should have all your categories * You have the page to create a category |
* Set a category with a name and three image in JPEG * Clic on “Save” |
* You should have the name on the category name and the url of image on image selection * You have a green modal and it say : “Successful update” |
* Go to Catalog > categories * Clic on “Add new category” |
* You should have all your categories * You have the page to create a category |
* Set a category with a name and three image in WebP * Clic on “Save” |
* You should have the name on the category name and the url of image on image selection * You have a green modal and it say : “Successful update” |
Go to your folder [yourshop]/img/c | There is no image on Webp |
Drag and drop [idofyour category PNG]_category_default.jpg on [https://www.checkfiletype.com/] | The website should say that your image is on PNG |
Drag and drop [idofyour category JPEG]_category_default.jpg on [https://www.checkfiletype.com/] | The website should say that your image is on JPEG |
Drag and drop [idofyour category WebP]_category_default.jpg on [https://www.checkfiletype.com/] | The website should say that your image is on JPEG |
* Go to FO * Scrol down and clic on “All product” * Right click on a category * Select inspect * look at the end of the <source |
* You’ll see your shop * You’ll see on the top some category * you’ll see many option * you should see the details of category’s image under a Picture tag * This will show you witch type of product it’s selected |
* Go to your folder [yourshop]/img/c | * Now there is some _category__default image on Webp |