Support - Vilkas Now
- Now »
- Images and image sizes
Are you looking for Vilkas Suite support?Vilkas Suite support
Images and image sizes
There are various kinds of images in your shop:
Images that you can manage in the editor
Images in an image slider
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.
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:
Content element and description
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?
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
If you use the theme Vision, Limelight or Editorial please note: Depending on which device a visitor to your shop uses, images of the image slider may be cropped and will not be displayed entirely. Important image content should, therefore, be placed in the center of the image.
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 Editor and then click the leftmost icon in the bottom bar. In the tab Logo area, you can now choose if you'd like to display your website name only or a logo only. Select your desired option.
The logo should have a size of at least 200 x 200 pixels. You can find more information about the logo from the page Logo.
pictures resizing, pictures cropping, size, picture edition, fit the frame, slider, product picture