Deutsch Français Italiano

Image Upload

Inhaltsverzeichnis

Uploading images via FTP

This guide explains the procedure for uploading images to the web server. Please have the info PDF with your access data ready, which was sent to you by Glarotech GmbH after the shop setup, or the corresponding documents from your hosting provider if you do not host your web shop with Glarotech GmbH.

FileZilla Installation

First, you need a program that allows you to upload the images to the web server. We recommend FileZilla Client, as it is easy to use, open-source and therefore free of charge, and available for all systems (Windows, Linux, Mac).

(Select the link corresponding to your operating system in the table)

  • Now install the downloaded program on your computer. For Windows, double-click the icon and follow the instructions.

Starting FileZilla

Now start the newly installed FileZilla program. (Windows: Start → FileZilla → select FileZilla) You now have 2 options for establishing a connection. Either enter your server and

user data directly in the upper form and click „Quickconnect”, or first go to the

Site Manager (button at the top left) to save the access and then connect to the server. You can view the FTP access data in your info PDF. We recommend the second option, which we describe in more detail in the next chapter, as you can then upload files again later with one click.

Figure 1: FTP connection / Site Manager button

Site Manager

  1. In the Site Manager, you can now save a new server by clicking on „New site”. Now enter your data as shown in the following image. With „Rename”, you can choose the name for the connection. Click „OK” to save the data. The following data is required:
FileZilla input mask Data to be entered / Glarotech GmbH Info PDF
Host Server name from chapter: FTP access (for homepage upload), e.g. ftp.yourdomain.tld
Logon Type Select ‘Normal’
User Username from chapter: Server data (FTP access/Control Panel)
Password Password from chapter: Server data (FTP access/Control Panel)
  1. Open the Site Manager again, select your server and click on „Connect” to establish the connection.

From now on, you only need to perform step 2 if you want to upload new/other files to the web server later.

Figure 2: Creating a server / connecting via Site Manager

Operation / product_images_upload folder

You will now see your local files (on your PC) on the left and those of the server on the right. Navigate to the next folder by clicking on the arrows until you are in the product_images_upload folder on the server side. You can also switch directly by entering the path in the field at the top (framed in Figure 3).

Figure 3: PepperShop stores all large and small images of the items in the product_images_upload folder.

Uploading images

To upload your images, switch to the folder on the left (local) where the images are located and select „Upload” via right-click.

What you need to pay attention to:

  • The images must end in _gr.jpg / _gr.png / _gr.gif
  • Additional images for an item must be named according to the following example: bild_gr_1.jpg, bild_gr_2.jpg, etc.
  • Ensure that case sensitivity is applied correctly.

Figure 4: Uploading images to the corresponding folder

To generate the thumbnails, go to “Shop Configuration” in the Shop Administration, look for the link “Create and update thumbnails” and execute the link (in blue text).

6. Product details

In addition to product images, you can also upload files to the ProductDetails folder.

These are then available in the shop in the item editing mask for linking with the items (e.g. HTML files or PDFs). When the item is viewed by the customer, a link called ‘further information’ is available below the description. Clicking this link opens the corresponding file. HTML and PHP files are even displayed specifically in the shop content area. To embed videos, the easiest way is to follow the description in the following FAQ entry: http://www.phpeppershop.com/faq.php#37.

Image upload via Caller Navigator

In these variants, the external system only supplies the large image to the shop. The shop harmonises the large images to a uniform size and generates the thumbnails.

Standard process: Article number as product image file name

In the standard process, the file name of the product image corresponds to the article number. The assignment of the image material to the articles is automated by the shop. The columns “Large image” and “Small image” are not supplied by the ERP in the article import.

  1. Import of the articles (set_artikel_inp.csv)

  2. Upload of the article images via FTP/SFTP or SCP to the shop folder /shop/resources/product_images_upload/

    • File name main image: artikelnummer.jpg (or .png/.gif)
    • File name additional image 1: artikelnummer_1.jpg (or .png/.gif)
    • File name additional image 2: artikelnummer_2.jpg (or .png/.gif)
    • File name additional image n: artikelnummer_n.jpg (or .png/.gif)

  3. Call the URL: http://{shop_url}/shop/Admin/shop_image_clean.php?do=assign

    The original images remain unchanged in the product_images_upload folder. This allows the incremental delivery and updating of product images e.g. via rsync or incremental FTP. In the folder shop/resources/product_images_upload/ a small and large view of each image is created in a uniform dimension.

Variant: Any file name for product image

It is possible to assign any name to product images. The assignment of the product images to the articles takes place in the two import columns “Large image” and “Small image” in the article import (set_artikel_inp.csv/set_artikel_inkrementell.csv).

  1. Upload of the article images via FTP/SFTP or SCP to the shop folder /shop/resources/product_images_upload/

    • File name main image: bildname.jpg (or .png/.gif)
    • File name additional image 1: bildname_1.jpg (or .png/.gif)
    • File name additional image 2: bildname_2.jpg (or .png/.gif)
    • File name additional image n: bildname_n.jpg (or .png/.gif)

  2. Import of the articles (set_artikel_inp.csv)

    • Content of column “Large image” bildname_gr.jpg (or .png/.gif)

    • Content of column “Small image” bildname_kl.jpg (or .png/.gif)

The original images remain unchanged in the product_images_upload folder. This allows the incremental delivery and updating of product images e.g. via rsync or incremental FTP. In the folder shop/resources/product_images_upload/ a small and large view of each image is created in a uniform dimension.

Standardised image material is supplied

If the image material is already standardised (including thumbnails) on the external system, the image files are delivered directly to the product_images_upload directory.

Important general notes

  • Images with different file extensions (jpg/gif/png) cannot be used for the same article.
  • Permitted characters for the file names are: a-zA-Z0-9_
  • HTTP links to externally available images can also be specified in the article import. In this case, no files need to be transferred. However, this procedure is not always ideal, as the performance and functionality of the shop depend on external systems.

Further Help

Do you have questions or need support? Do you have special requirements or would you like an individual solution for your system? Our support team will be happy to help you. Support services are charged according to effort at CHF 195.- / hour. How to reach us:

Other useful pages

🌶️
🔥
🌶️