Content Slider

Einleitung

Präsentieren Sie ganz einfach Artikel, verlinkte Bilder (z.B. Aktionen) oder direkt HTML-Code in einem modernen Slider.

Mit diesem Modul, kann man auf der Startseite mit einem dynamischen Slider verschiedene Inhalte prominent platzieren. Dabei wird automatisch über alle anzuzeigenden Inhalte durch gescrollt. Kundenseitig wird JavaScript benötigt.

Modulinstallation

Nach dem Kopieren der Dateien kann man in die Shop-Administration gehen und dort ins Menü ‘Module’ wechseln. Auf der linken Seite, bei den noch nicht installierten Modulen, sieht man nun das Content-Slider Modul aufgelistet. (siehe folgende Grafik).

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 Modulverwaltung’ 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.

Modulkonfiguration

Zuerst geht man in die Content-Slider Modulverwaltung: Hauptmenü der Shop-Administration ‘Module’ > ‘Content-Slider’ (siehe Screenshot Ausschnitt weiter rechts).

In der Content-Slider Modulverwaltung gibt es folgende Einstellungsmöglichkeiten:

• Aktivierung Soll das Modul aktiv sein?

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?

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.

Als Beispiel sehen Sie hier den Artikel “Pfefferschote” als Inhalt des Content-Sliders definiert.

Anhang: Beispiele