General

Product Images Management

The chapter below describes how to add product images to the items.

Product Image Filename

The correct names to the images should be given. The filename format should be the following:

[Item No] [Separator] [Variant Code] [Separator] [Order number].[Extension]

The examples of the product image names: 1001_1.jpg (with a separator '_'), 1001_M_1.jpg (with a variant code 'M').

Product Image Size
Product images should be supplied in different sizes: small, medium and large. Each size is stored in a different folder, so you must prepare three images of each size for every single product.

The small images are shown in the image carousel and on all pages where the product thumbnails are present.
The medium images are used on the 'Product details' page.
The large images are shown when you click on the 'Large image' link.

The size requirements for each image type are shown in the following table:

When the picture is bigger it will be automatically scaled to 100% in order to fit the picture nicely into the frame.

Product Image File Location
Images should be stored in the appropriate folders relative to their size. These folders are present in the 'Starter Site' folder.
Small images are stored in '/content/files/images/ProductImages/Small'.
Medium images are stored in '/content/files/images/ProductImages/Medium'.
Large images are stored in '/content/files/images/ProductImages/Large'.
Images are stored on the webserver.  You need to transfer them using FTP.

Link Product Images to the Products
After images are transferred to the webserver they are not available online immediately.
The 'Image Link' task must be run to link images to the products.
For more information about how to run the tasks manually, please read this chapter.
For more information about how to configure the tasks to run automatically, please read this chapter.

View the Available Images
The available images will be shown in the backoffice when you edit a product (for more information about the backoffice please read this section).

Add the Product Image to the Product Description
It is also possible to add the product image to the product description using the Image Manager. For more information read this chapter.