Item images are saved on S3 and delivered using CloudFront, a CDN service by AWS. CDN is short for Content Delivery Network. CDN allows completely scalable delivery of item images. CDN makes it possible to only save the original image. A specified dimension of the original image is created when the image is displayed on screen. This dimension is then saved in the CloudFront CDN cache.
Go to Setup » Item » Images » Settings.
→ The menu is divided into several areas.
Carry out the settings in each area.
Save () the settings.
This area relates to the import and export of item images.
| Setting | Explanation |
|---|---|
Export item image position |
Select a position number from the drop-down list.
This is the item image’s position number for the image export, for example to a market. |
Image import using FTP |
Should existing images be deleted before new images are imported? Choose your preference from the drop-down list.
|
Image names of FTP import |
Will you upload images with an FTP server? Then your image file names will either need to contain the item ID or the variation number. Use the drop-down list to specify which identifier the image file names contain. |
This area relates to placeholder images. If an item does not have its own image, then the placeholder image will be displayed instead.
| Setting | Explanation |
|---|---|
URL of placeholder image |
This placeholder image appears if item images cannot be displayed.
|
URL of placeholder preview image |
This placeholder image appears if preview images cannot be displayed.
|
This area relates to attribute values that are displayed as images. For example, if customers should click on a red image to select the colour red.
| Setting | Explanation |
|---|---|
Max. height in pixels |
Enter the maximum height of the image in pixels. |
Max. width in pixels |
Enter the maximum width of the image in pixels. |
|
Additional settings
Upload the necessary images and specify that you want the attributes to be displayed as images in the webshop. These settings are explained in further detail here. |
This area relates to image names. Specifically, you’ll decide which information should be included in the image names.
| Setting | Explanation |
|---|---|
Original name; |
Select a position number for each desired parameter. This simultaneously specifies which parameters the image name should contain and which of these parameters should be displayed first, second, third, etc. Technical specifications:
|
Own prefix; |
You are not limited to the item parameters listed above. It is also possible to create your own prefix and add it to the image name.
|
Go to Setup » Item » Images » Sizes. The menu is divided into areas for four different image sizes:
preview = Preview image
secondPreview = Second preview image
middle = Mid-sized image
full = Full-sized image
Carry out the settings for each image size. Note Table 5.
Save () the settings.
| Setting | Explanation |
|---|---|
Settings |
|
Name |
Enter an internal name for this image size. |
Folder name |
The folder name for this image size. The folder name cannot be changed and is part of the item image’s URL. |
Maximum height in pixels |
Enter the maximum height in pixels for images of this size. If your item image exceeds this size, then the displayed image will be scaled down. The aspect ratio will stay the same. |
Maximum width in pixels |
Enter the maximum width in pixels for images of this size. If your item image exceeds this size, then the displayed image will be scaled down. The aspect ratio will stay the same. |
Max. lifetime of cache in days |
How long should the images be saved in the CloudFront cache? Enter a number of days. The image’s lifetime begins once the image has been displayed on screen in this size, i.e. loaded into the cache. |
Rotate the output image based on the EXIF Orientation tag |
Select this option () if you want to retain the original image orientation (image rotation of 90, 180, 270°). |
Retain meta data (EXIF, XMP, IPTC) of original image |
Select this option () if you want to retain the meta data of the original image. Examples of meta data are description texts, geo data (GPS), date and time. Tip: In some cases, e.g. for preview images, it makes sense not to retain metadata in order to optimise loading time and data volume. |
Do not enlarge |
Should original images be enlarged?
|
Jpg |
|
Quality |
Use the slider to select a compression level between 0 and 9. Compression reduces load times and can help you achieve better page speed values. Tip: Compressing images to 8 results in no visible loss of quality. |
Progressive |
Should images of this size be displayed immediately when the page is accessed?
|
Png |
|
Compression level (0-9) |
Use the slider to select a compression level between 0 and 9. Compression reduces load times and can help you achieve better page speed values. This is the compression level that will be used for PNG files. PNG is a loss-free format. As such, PNG images are always decompressed and shown at the original quality. However, if you select a higher compression level, the browser needs more time to decompress the image. |
Progressive |
Should images of this size be displayed immediately when the page is accessed?
|
|
Invalidate CDN cache
After making changes in the menu Setup » Item » Images » Sizes, your images may still be displayed with the old settings because the changes are in the cache. In this case, click on Invalidate CDN cache to see the changes more quickly. The cache invalidation is done by CloudFront. After you invalidate the cache, each image size is created on the fly when the image is opened. |
By default, image URLs contain the domain name plentymarkets.com.
But it’s possible to use your own domain and subdomain instead.
Table 6 compares the default CDN domain and a custom CDN domain.
| Image URL with default domain | Image URL with own domain | |
|---|---|---|
URL pattern |
The URL of item images is created as follows:
|
The own domain is specified instead of the default domain. The customer hash is not shown in the URL:
|
Example URL |
|
|
|
Limitations
|
Who hosts your domain? How you’ll proceed depends on whether your domain is hosted by plentymarkets or by an external provider.
Go to Setup » Client » [Select client] » CDN-Domains.
→ Any existing CDN domains will load automatically. This can take a few minutes.
Click on .
→ The New domain window opens.
Carry out the settings. Note Table 7.
Save the settings.
→ The subdomain is created.
Wait until check marks appear in the columns SSL, DNS and Cloud status. The process can take several hours. It is completed when all three check marks appear. The check marks mean:
An SSL certificate was created for the subdomain.
A DNS record was created for the subdomain.
A CloudFront instance was created.
Once all three check marks are displayed, activate the domain ().
| Setting | Explanation |
|---|---|
Section |
Select the type of subdomain from the drop-down list. Currently, only the type CDN1 is available. |
Subdomain |
Enter a custom subdomain. Valid characters are letters (a-z, A-Z), numbers (0-9), underscore (_) and hyphen (-). The first character of the subdomain must be either a letter or a number. |
Domain |
Select the domain from the drop-down list. You can only select the client’s main domain. |
|
Activate the domain after the subdomain has been created
It can take several hours for the subdomain to be created. The creation process is complete when checkmarks are shown in all three columns, i.e. SSL, DNS and Cloud status. Once the subdomain is created, activate the domain. |
If your domain is hosted by an external provider, then first you’ll generate DNS entries in plentymarkets. Then you’ll have 72 hours to save these DNS entries with your external domain provider.
|
You have 72 hours to save the DNS entries with the provider
The DNS entries that are generated in plentymarkets need to be saved with the external domain provider within 72 hours. Otherwise the DNS entries will be invalid once the time is up. If you’ve created a CDN domain but you didn’t save the DNS entries with the provider on time, then you’ll be missing one of the three check marks in the back end and it will not be possible to activate the domain. |
|
What is DNS?
DNS is short for Domain Name System. DNS makes it possible to enter the domain name instead of the numerical IP address of your online store. |
Saving a custom domain for image URLs with an external domain:
Go to Setup » Client » [Select client] » CDN-Domains.
→ Any existing CDN domains will load automatically. This can take a few minutes.
Click on .
→ The New domain window opens.
Carry out the settings. Note Table 8.
Save the settings.
→ A DNS record is created for the subdomain.
In the line of the domain record, click on and then on DNS info.
→ The DNS info window opens and the DNS settings are displayed.
Log into the service area of your domain provider.
Copy the DNS settings shown in plentymarkets into the relevant fields of the domain provider. Check the documentation of the domain provider on how to do this.
When you open the menu Setup » Client » [Select client] » CDN-Domains, do you see check marks displayed in the columns SSL, DNS and Cloud status? Then the process is complete. The check marks mean:
An SSL certificate was created for the subdomain.
The DNS settings were updated.
A CloudFront instance was created.
Once all three check marks are displayed, activate the domain ().
| Setting | Explanation |
|---|---|
Section |
Select the type of subdomain from the drop-down list. Currently, only the type CDN1 is available. |
Subdomain |
Enter a custom subdomain. Valid characters are letters (a-z, A-Z), numbers (0-9), underscore (_) and hyphen (-). The first character of the subdomain must be either a letter or a number. |
Domain |
Select the domain from the drop-down list. You can only select the client’s main domain. |
Every plentymarkets system has its own FTP server.
This FTP server contains the folder upload_article_image_XXXX (XXXX = plentyID). You can upload item images into this folder.
The folder is checked for changes every 60 minutes.
New, correctly named images are assigned to the correct item automatically.
In order to upload files, you’ll need an FTP program and your FTP login details.
|
100 images can be uploaded per item
You can upload up to 100 images per item, i.e. per item ID. This is a hard limit in the user interface. If you were to upload e.g. 150 images, then only the first 100 would appear in the user interface. Note that the limit applies to the entire item, i.e. to all of the variations together. |
Go to Setup » Item » Images » Settings.
Use the option Image names of FTP import to specify whether the file names contain the item ID or the variation number.
Depending on what you selected, you’ll either name the files with the item ID or the variation number.
|
Valid characters for file names
The following characters are supported for image file names:
Spaces and special characters are not permitted. When you upload images, spaces and special characters are replaced by hyphens (-). |
|
Multiple images per item
You can upload up to 100 images per item. Number the image files as follows:
|
You want to upload images for an item with item ID 4562 and the variation number AQ3957.
| Setting | Naming 1 image per item | Naming more than 1 image per item |
|---|---|---|
Image names of FTP import = Item ID |
|
|
Image names of FTP import = Variation number |
|
|
Copy the item images that you want to upload using FTP to a folder on your hard drive.
Check the names of the image files and modify these names if needed.
Select the target folder upload_article_image_XXXX (XXXX= plentyID) in your FTP program.
Select the files in the upload area of your FTP program.
Start the upload.
→ The images are assigned to the items and displayed in the online store after up to 60 minutes.
|
Take upload time into account
200 images are processed in each run, 2000 images if you have your own server. Depending on the data volume, the upload may take several hours, even if you have a powerful computer and a fast data connection. Therefore, schedule the file upload at a time when it will not interfere with your day-to-day business. |