Bilderimport per CSV – Sparen Sie sich manuelles Hochladen

Aller Anfang ist mühsam. Doch dass muss nicht für das Befüllen Ihres Onlineshops mit Produktbildern und Daten gelten. Wie Informationen zu Produkten schnell und einfach über das Import/Export-Feature in den Shop eingelesen werden können, haben wir in diesem Blogbeitrag behandelt. Als Ergänzung gibt es nun eine Schritt-für-Schritt-Anleitung, wie auch Produktbilder per Import eingelesen werden können.

Erstellen Sie zunächst Ihre Produktbilder. Achten Sie darauf, dass Sie nicht größer sind als 800×600 Pixel, da dies die größte Größe ist, die im Shop verwendet wird. Als optimal hat sich 600×600 herausgestellt, da es dann nicht zu Verzerrungen bei anderen Größen kommt. Diese werden nämlich später automatisch vom System skaliert, sie müssen sich also nicht darum kümmern, für jede Größe ein eigenes Bild anzulegen. Achten Sie beim Benennen der Dateien darauf, keine Leerzeichen oder Umlaute zu verwenden, um später Probleme zu vermeiden.

Öffnen Sie im Backoffice Ihres Onlineshops die Dateiverwaltung im Menü „Inhalt/Kategorien“. Legen Sie einen neuen Ordner an und nennen Sie ihn zum Beispiel „Import“. Laden Sie nun dort die Produktbilder hoch, die Sie vorher vorbereitet haben. Sie können mehrere Bilder auf einmal hochladen, indem Sie im Auswahlfeld mehrere Dateien markieren.

Legen Sie nun die Produkte in Ihrem Shop an. Falls Sie sich Zeit sparen möchten, können Sie dazu auch die Import/Export-Funktion nutzen. Legen Sie dazu ein Testprodukt mit allen notwendigen Angaben an. Exportieren Sie anschließend die Produktdaten. Dadurch erhalten Sie eine CSV-Datei, die als Vorlage für die übrigen Produkte nutzen können. (Den genauen Ablauf von Import/Export von Produkten, sowie die möglichen Fehlerquellen finden Sie in diesem Blogbeitrag) Füllen Sie entsprechend der Spaltenangaben im Testprodukt die Zeilen aus, um zusätzliche Produkte anzulegen.

In der CSV-Datei finden Sie zwei Spalten, die Sie für die Zuweisung der eben hochgeladenen Produktbilder zu den neu angelegten Produkten benötigen: „[ImageLarge]“ und „[ImageSlideShowString]“.
Tragen Sie in der Spalte „[ImageLarge]“ den Pfad zu dem Produktbild ein, das für das jeweilige Produkt als Hauptbild angelegt werden soll. In unserem Fall wäre das zum Beispiel: Import/ProduktA_Bild1.jpg.
Tragen Sie in der Spalte „[ImageSlideShowString]“ die Dateipfade zu den Bildern ein, die zusätzlich zum Hauptbild noch für die Galerie benutzt werden soll. Trennen Sie die Dateipfade mit einem Semikolon. In unserem Beispiel wäre dies dann: Import/ProduktA_Bild2.jpg; Import/ProduktA_Bild3.jpg; Import/ProduktA_Bild4.jpg

Speichern Sie die CSV-Datei und laden Sie sie nun wieder in Ihrem Backoffice hoch. Der Shop wird nun die Dateien aus dem Ordner Import in die Datenbank integrieren und die Produktbilder passend zuordnen. Anschließend können Sie in der Dateiverwaltung den Ordner „Import“ wieder löschen. Die Bilder werden dort nicht mehr benötigt.