Skip to main content

Catalog - Images upload

Screenshot_2020-04-29_at_19.12.41.png Getting started

This article describes uploading images for products, their sizes, format and how to find them in the gallery (The gallery article can be found here). 

info2.svg  RememberEvery product image has to be added in the Catalog > Images upload

Screenshot_2022-09-07_160447.png
   Visualization of the Catalog, Images upload

Table of contents:

  1. Images restrictions and guides
    1. Guidelines
    2. Images names
    3. Product images sizes
  2. Image upload
    1. Select files to import

 

Screenshot_2020-04-29_at_19.12.41.png Images restrictions and guides

Guidelines

Images upload already contain guides on how the images are processed:

  • All files named SKU.png will be saved as main photo for this SKU. If you want to import additional photos for this SKU please name file with number suffix, f.x. SKU_1.png, SKU_2.png etc. Please remember that if you have already uploaded SKU_1.png and you would upload SKU_1.png again, new file will overwrite existing one.
  • Small color images name as SKU_COLOR.png. One SKU can only have one color preview.
  • If you want to upload more than 50 files please create ZIP archive and upload it here. They have to be included directory inside archive, otherwise they will be ignored

caution.svg  NoteThe above guide is not the only one, that uploaders should be aware of. Images for products should be in PNG format only, they should also be in a size of 1000x1000px 

 

Images names

Every product images have to be named in a specific, role-related method:

(1) - This is the main image of the product, first to be seen, its name has to be SKU.png In this example it's 88737.png

(2) - These are all images named SKU.png and SKU_X.png Where X is a digit suffix that determines the order in which these images are presented (from top to bottom). In this example, it's 88737.png, 88737_1.png, 88737_2.png, 88737_3.png

(3) - Color images are used when a product has other color variants. These are named SKU_COLOR.png In this example 88737_COLOR.png and 88737_3.png are the same image renamed and uploaded twice.

Screenshot_2022-09-08_133300.png
   Visualization of the Product page, SKU 88737

 

Products images sizes

The main product image SKU.png ones uploaded will be transformed into several sizes. These can be found in the gallery (The gallery article can be found here). The most common sizes are 101x101(1), 184x184(2), 260x260 and 500x500(3). Every folder for them is named product_catalog_SIZE where SIZE is the value presented previously for example /uimg/product_catalog_500x500/

 

Screenshot_2022-09-08_160549.png
   Visualization of the Product page, example of image sizes

info2.svg  RememberAll sizes are created and used automatically by the application. Uploaded images should always be in the size of 1000x1000px and in png format.

 

Screenshot_2020-04-29_at_19.12.41.png Images upload

Before uploading images make sure to follow guide (1) (or see Images restrictions and guides). Images can be uploaded by clicking the Select files button (2) or by dragging and dropping files directly from the file browser (3).

 

Screenshot_2022-09-08_161313.png
Visualization of the Catalog, Images upload

 

Select files to import

After selecting files, a new section will show up with the line of progress (4), Checkboxes to choose whether uploaded files should be transferred to the gallery or not (1). There is an option to Delete all existing images for imported SKUs(2), this will erase all previously existing images for products that receive new ones. When everything is set click Import selected files(3) to update products with new images. 

 

Screenshot_2022-09-08_162421.png
Visualization of the Catalog, Images upload- Select files to import
Back to top