Anleitung Datum: 24. Februar 2017 Version: 5.2 Bildupload per FTP FTP-Upload / Datei-Manager FTP Glarotech GmbH
Inhaltsverzeichnis 1. Installation FileZilla...3 2. FileZilla starten...3 3. Servermanager...4 4. Bilder hochladen...5 4.1 Bedienung...5 4.2 Produktebilder hochladen...6 4.3 Produktebilder von externen Systemen hochladen...6 5. Produktedetails...7 Glarotech GmbH Seite 2/7
Mit dieser Anleitung wird Ihnen das Vorgehen zum Hochladen von Bildern auf den Webserver erklärt. Dazu nehmen Sie die Info-PDF zur Hand, welche Sie nach dem Einrichten des Shops von der Glarotech GmbH erhalten haben (Zugangsdaten), oder die entsprechenden Unterlagen Ihres Hosting Providers, falls Sie Ihren Webshop nicht bei Glarotech GmbH hosten. 1. Installation FileZilla Zuerst benötigen Sie ein Programm, womit Sie die Bilder auf den Webserver hochladen können. Wir empfehlen Ihnen FileZilla Client, da es einfach zu bedienen, Open-Source und somit kostenlos, sowie für alle Systeme (Windows, Linux, Mac) verfügbar ist. Hier können Sie FileZilla herunterladen: http://filezilla-project.org/download.php (Wählen Sie in der Tabelle den Ihrem Betriebssystem entsprechenden Link aus) Installieren Sie nun das heruntergeladene Programm auf Ihrem Rechner. Für Windows doppelklicken Sie auf das Icon und folgen den Anweisungen. 2. FileZilla starten Starten Sie FileZilla. Nun haben Sie 2 Varianten eine Verbindung aufzubauen. Entweder Sie geben Ihre Server- und Benutzerdaten direkt im oberen Formular ein und klicken Verbinden, oder Sie gehen zuerst in den Servermanager (Button oben links) um den Zugang zu speichern und verbinden sich dann mit dem Server. Die FTP-Zugangsdaten können Sie in Ihrem Info-PDF einsehen. Wir empfehlen die zweite Variante, die wir im nächsten Kapitel näher beschreiben, da die Daten gespeichert werden. Abbildung 1: FTP-Verbindung / Servermanager-Button Glarotech GmbH Seite 3/7
3. Servermanager 1.) Im Servermanager können Sie nun mit einem Klick auf Neuer Server einen neuen Server speichern. Geben Sie nun Ihre Daten wie im folgenden Bild ein. Mit Umbenennen können Sie die Bezeichnung für die Verbindung wählen. Mit einem Klick auf OK speichern Sie die Daten. Es werden folgende Daten benötigt: FileZilla Eingabemaske Server Verbindungsart Benutzer Einzugebende Daten / Glarotech GmbH Info-PDF Servername aus Kapitel: FTP-Zugriff (für Homepage-Upload) auf Seite 2, z.b. ftp.ihredomain.tld 'normal' auswählen Benutzername aus Kapitel: Server Daten (FTP-Zugriff/Control-Panel) auf Seite 1 Passwort Kennwort aus Kapitel: Server Daten (FTP-Zugriff/Control-Panel) auf Seite 1 2.) Öffnen Sie nochmals den Servermanager und wählen Sie nun Ihren Server und klicken Sie auf Verbinden um nun die Verbindung herzustellen. Ab Jetzt müssen Sie nur noch Schritt 2. durchführen, wenn Sie später nochmals neue/andere Dateien auf den Webserver laden wollen. Abbildung 2: Server erfassen / verbinden via Servermanager Glarotech GmbH Seite 4/7
4. Bilder hochladen 4.1 Bedienung Nun sehen Sie links Ihre lokalen Dateien (Ihres PC's) und rechts diejenigen des Servers. Wechseln Sie jeweils per Klick auf die Pfeile in den nächsten Ordner, bis Sie auf der Server-Seite im Ordner Produkte- Bilder sind. Sie können auch direkt per Eingabe oben in den Pfad (in Abbildung 3 eingerahmt) wechseln. Abbildung 3: Im ProdukteBilder Ordner legt der PepperShop alle Gross- und Kleinbilder der Artikel ab. Glarotech GmbH Seite 5/7
4.2 Produktebilder hochladen Um nun Ihre Bilder, die bereits im korrekten Format vorhanden sind, hochzuladen, wechseln Sie links (Lokal) in den Ordner, in dem die Bilder vorhanden sind, und wählen Sie per Rechtsklick Hochladen. Worauf Sie achten müssen: Die Bilder müssen auf _gr.jpg / _gr.png / _gr.gif enden Weitere Bilder zu einem Artikel müssen nach folgendem Beispiel benannt werden: bild_gr_1.jpg, bild_gr_2.jpg, etc. Achten Sie darauf, dass Gross- und Kleinschreibung korrekt angewendet wird. Abbildung 4: Bilder in entsprechenden Ordner hochladen Um nun die Kleinbilder zu erzeugen, gehen Sie in der Shop-Administration auf Shop Konfiguration, suchen den Link Kleinansichten erzeugen und aktualisieren und führen den Link (in blauer Schrift) aus. 4.3 Produktebilder von externen Systemen hochladen Wenden Sie dasselbe Vorgehen wie bei Punkt 4.2 an und laden Sie die Bilder in den Ordner /public_html/shop/resources/product_images_upload hoch. Diese Bilder werden nicht verändert, sodass ein inkrementeller Upload möglich ist. Sie werden automatisch der Bildharmonisierung unterzogen und in den ProdukteBilder Ordner kopiert. Für die korrekte Zuweisung muss die Datei mit der Artikelnummer benannt werden. erstes Bild: zweites Bild: n-tes Bild: Artikelnummer.jpg Artikelnummer_1.jpg Artikelnummer_n.jpg Die Zuordnung geschieht in der Shopadministration: Shop-Konfiguration Operationen Artikelbilder anhand Artikel-Nr. zu Produkten zuordnen. Glarotech GmbH Seite 6/7
5. Produktedetails Neben den Produktebildern kann man auch Dateien in den Ordner ProdukteDetails hochladen. Diese stehen dann im Shop in der Artikelbearbeitungsmaske zur Verlinkung mit den Artikeln zur Verfügung (z.b. HTML Dateien oder PDFs). Wenn der Artikel nun kundenseitig betrachtet wird, steht unterhalb der Beschreibung ein Link namens 'weitere Informationen' zur Verfügung. Bei Klick auf diesen Link wird die entsprechende Datei geöffnet. HTML und PHP-Dateien werden sogar speziell im Shop Content Bereich angezeigt. Um Videos einzubinden, folgen Sie am einfachsten der Beschreibung des folgenden FAQ-Eintrags: http://www.peppershop.com/faq.php#20 Glarotech GmbH Seite 7/7