Content-Slider Modul Anleitung

Transkript

1 Content-Slider Modul Anleitung Datum 07. Oktober 2016 Version 1.6

2 Inhaltsverzeichnis 1. Einleitung Modulinstallation Modulkonfiguration Content-Slider Positionen Fortgeschrittene Konfiguration in CSS und Javascript (z.b. Geschwindigkeit): Kundenseitige Darstellung im Webshop Systemanforderungen Dateien kopieren und hochladen Dateiberechtigungen anpassen Hilfe Anhang: Beispiele...7 PepperShop wird von Glarotech entwickelt und vertrieben. Seit 1998 ist das innovative Unternehmen im Internet tätig und auf E-Commerce spezialisiert. Sie als Kunde profitieren vom direkten Draht zu den Herstellern der Produkte. Glarotech GmbH Toggenburgerstrasse 156 CH-9500 Wil Tel. +41 (0)

3 1. Einleitung Präsentieren Sie ganz einfach Artikel, verlinkte Bilder (z.b. Aktionen) oder direkt HTML-Code in einem modernen Slider. Mit diesem externen PepperShop Modul, kann man auf der Startseite mit einem dynamischen Slider ver schiedene Inhalte prominent platzieren. Dabei wird automatisch über alle anzuzeigenden Inhalte durch gescrollt. Kundenseitig wird JavaScript benötigt. 2. Modulinstallation Nach dem Kopieren der Dateien kann man in die Shop-Administration gehen und dort ins Menü 'externe PepperShop Module' wechseln. Auf der linken Seite, bei den noch nicht installierten Modulen, sieht man nun das Content-Slider Modul aufgelistet. (siehe Grafik auf der folgenden Seite). Das Content-Slider Modul wird aufgelistet (angezeigte Module können variieren) Nun muss das Content-Slider Modul angewählt werden und auf den 'Installieren' Button geklickt werden. Wenn die Installationsroutine ohne Probleme durchläuft, wird dies auf der darauf folgenden Seite kommuniziert. Das Modul ist nun fertig installiert. Wir klicken nun auf den Button 'Zurück zur Modulver waltung' und dort 'Zurück zur Moduladministration'. Wir sehen jetzt den Button für die Verwaltung des Content-Slider Moduls. Die Installation des Content-Slider Moduls ist nun abgeschlossen. Damit das Modul eingesetzt werden kann, muss das Modul nun noch an die spezifische Konfiguration des Shopbetreibers angepasst werden, siehe dazu das nächste Kapitel 'Modulkonfiguration', weiter unten. Installierte Module Seite 3/7

4 3. Modulkonfiguration Zuerst geht man in die Content-Slider Modulverwaltung: Hauptmenü der Shop-Administration 'Module' > 'Content-Slider' (siehe Screenshot Ausschnitt weiter rechts). Content-Slider Modul Konfigurationsdialog In der Content-Slider Modulverwaltung gibt es folgende Einstellungsmöglichkeiten: Aktivierung Soll das Modul aktiv sein? 3.1 Content-Slider Positionen Hier definiert man die einzelnen Positionen (Bilder, Artikel oder HTML-Code). Position: An welcher Stelle soll die Position erscheinen? (Zahl z.b.: 1) Typ: Welche Art oder von welchem Typ ist die Position? Beim Ändern werden die Spalten Inhalt und Link entsprechend angepasst. Inhalt: Beim Typ Bild wird ein Uploader für die Bilddatei angezeigt. (Bildbreite: 945px) Beim Typ HTML hat man hier ein grosses Feld für den HTML-Code zur Verfügung. Beim Typ Artikel kann man im Feld nach mit Artikelnamen, oder Artikel-Nummer nach einem Artikel suchen. Im Feld steht nach der Auswahl die Artikel-ID. Link: Dieses Feld wird nur bei Bildern sichtbar. Der Link wird beim Klicken aufs Bild aufgerufen. Sprache: In welcher Sprache soll die Position sichtbar sein? Aktiv von: Ab wann soll die Position sichtbar sein? Aktiv bis: Wann soll die Position nicht mehr sichtbar sein? Seite 4/7

5 3.2 Fortgeschrittene Konfiguration in CSS und Javascript (z.b. Geschwindigkeit): Siehe Datei: {shop_verzeichnis}/shop/language/html_templates/content_slider.tpl.html Wenn man des Javascripts mächtig ist, dann kann man mit den Optionen pause (Angabe in ms) und speed (Angabe in ms) für die Geschwindigkeiten des Slidens bestimmen. 4. Kundenseitige Darstellung im Webshop Auf der Startseite unterhalb des Headers wird der Content-Slider bei aktiviertem Modul dargestellt. Es sollte darauf geachtet werden, dass die Bilder im richtigen Format hochgeladen werden. Beispiel anhand eines neu instalierten Standardshops (Design kann variieren). Als Beispiel sehen Sie hier den Artikel Pfefferschote als Inhalt des Content-Sliders definiert.installation Seite 5/7

6 5. Installation 5.1 Systemanforderungen Um das Content-Slider Modul einsetzen zu können, ist mindestens ein PepperShop v.3.0 Professional oder Enterprise erforderlich. 5.2 Dateien kopieren und hochladen Das Content-Slider Modul besteht aus einigen Dateien und zwei Verzeichnissen, die man in seinen instal lierten PepperShop kopieren muss. Dazu entpackt man zuerst das mitgelieferte ZIP oder TAR.GZ Archiv. Es sind folgende Dateien enthalten, hier mit ihren Zielverzeichnissen: {shopdir}/shop/admin/module/content_slider {shopdir}/shop/module/content_slider/ {shopdir}/shop/resources/content_slider {shopdir}/shop/language/html_templates/content_slider.tpl.html Verz. Verz. Verz. Datei Die Dateien lassen sich einfach via FTP1 oder SCP zum Webserver hochladen. Der Platzhalter {shopdir} steht dabei für das Shopverzeichnis auf dem Webserver, wo unter anderem die Datei index.php zusammen mit README.txt zu finden ist. 5.3 Dateiberechtigungen anpassen Der folgende Abschnitt ist sehr wichtig. Das Modul wird nicht wie gewünscht funktionieren, wenn die ser Arbeitsschritt aufgrund der Server Konfiguration benötigt aber nicht (korrekt) ausgeführt wird. Bei Verwendung von PHP auf UNIX/Linux als Server-Modul muss der Datei content_slider.tpl.html noch das Dateizugriffsrecht 666 zugewiesen werden, damit der Webserver darauf schreibenden Zugriff hat. Der Ordner resources/content_slider sollte vorhanden sein und die Rechte 777 aufweisen, falls dies nicht der Fall sein sollte bitte anpassen. 6. Hilfe Bei offenen Fragen steht das PepperShop Forum zur Verfügung: 1 Z.B. mit dem kostenlosen Programm FileZilla Client: Seite 6/7

7 6.1 Anhang: Beispiele Seite 7/7