There are various kinds of images in your shop:
- Images that you can manage in the editor
- Images in an image slider
- Product images
- Your logo
We recommend that you always use images in the file format JPG or PNG.
Below you will find detailed information about all kinds of pictures.
Images that you can manage in the editor
To manage such images, select Editor in the main menu in your shop's administration area. There you can find content elements that you can use to add pictures. More information about adding images can be found in the article Editing the content of a page.
These content elements contain images:
|Image, single column||An image is displayed in a single column.|
|Image, two columns||Two images are displayed besides each other. Please pay attention that both images have the same height.|
|Image, three columns||Three images are displayed besides each other. Please pay attention that both images have the same height.|
|Image and text, two columns||An image is displayed and a text besides it.|
|Text and image, two columns||A text is displayed and an image besides it.|
|Image and text, three columns||Three images are displayed besides each other and below every image there is a text. Please pay attention that all images have the same height.|
After adding images to your shop please check if the result looks as expected.
On devices such as smartphones, text, images, and videos are arranged differently than in the desktop version of your shop. For example, on most smartphones the content element Image, three columns displays the three images below each other. More information about responsive design can be found in the article What does "responsive" mean?
Images in an image slider
With an Image slider you can show several large pictures successively. These images are added in the editor: In the administration area in the main menu, select Editor. There you will find the Image slider option in the Content element section. More information can be found in the article Editing the content of a page.
Here are the preferred sizes of the image slider images according to the theme you are using:
- Neutral: 1400 x 686 pixels
- Vision: 2000 x 500 pixels
- Essence: 1400 x 412 pixels
- Limelight: 2000 x 500 pixels
- Editorial: 2000 x 500 pixels
- Uptown: 1400 x 686 pixels
- Structure: 1400 x 412 pixels
You can edit product images in the administration area directly at the products: In the administration area in the main menu, select Products and then View products. In the table, select the Product number of the product whose images you want to edit. Then you can edit the pictures under Images. For more information about managing products, see the article Managing products.
For best results, product images should be at least 1100 x 1100 pixels in size and have the same image format (for example, square, wide, or portrait).
In order for your customers to use the image zoom on product pages, the images must have a certain size. From 1100 x 1100 pixels you can be sure that the image zoom will work on most of your customers' mobile devices. If an image is too small, the image zoom is automatically deactivated for that image. In this case, the image is already displayed at its highest zoom level.
Since the original image (left) is already visible in full resolution (329 × 218 pixels), a further zoom (right) would only show a blurred section. Especially on large, high-resolution screens, it can happen that a product image is already displayed at its highest zoom level. We therefore recommend that you use rather larger images. Since the pages of your shop are loaded dynamically, you can also be sure that there will be no loading time problems due to too large images.
The background of the images should be removed so that they have a clear white background.
You can upload a logo for your shop, that is then displayed on every subpage of your shop.
To upload or change your logo, select in the administration area in the main menu Settings and then General. On this page, you can edit the logo under Shop details. Save the changes.
The logo should have a size of at least 200 x 200 pixels.
The size in which the logo will be displayed in your shop depends on the design theme you have selected.
Keywords for this article
pictures resizing, pictures cropping, size, picture edition, fit the frame, slider, product picture