Slideshow

Eine Slideshow ist ein grafisches Element, das die Anzeige verschiedener wechselnder Grafiken ermöglicht. Hinter jeder der Grafiken liegt ein Link auf eine Themenseite im Shop oder auf ein Shopprodukt.

Durch den Einsatz einer Slideshow kann man gezielt auf bestimmte Seiten im Shop oder einzelne Produkte hinweisen. Durch den Bildwechsel-Effekt der Slideshow wird die Aufmerksamkeit des Besuchers gezielt gelenkt.

Im Onlineshop kann eine Slideshow sowohl auf der Shop-Startseite als auch auf beliebigen Themenseiten eingeblendet werden. Eine Slideshow kann eine große Slideshow sein, die über die gesamte Shop-Darstellungsbreite geht, oder eine kleine Slideshow, die über die Breite des Mittelfeldes geht. Die Anzahl der Bilder, die Geschwindigkeit und auch die Wechseleffekte können gesteuert werden.

Voraussetzungen

Um die Slideshow-Funktionalität nutzen zu können, sind die entsprechenden Templates notwendig. Dazu gehören die Templates

• slideshow.htm
• slideshow_pos.htm

Weiterhin sind die jquery-Bibliotheken und auch das Nivo Slider Plugin erforderlich. Entsprechende Erweiterungen im css-Bereich sorgen für die korrekte Darstellung und der Aufruf der Slideshow-Templates über die Templatevariablen {SLIDESHOW} und {SLIDESHOW_BIG} an den erforderlichen Stellen, z.B. in body_begin.htm und body_between_headline_and_content.htm, sorgt dann für die Integration in die Seite.
Alle Shops, die ab dem 01.03.2012 neu eingerichtet wurden, haben bereits die Funktionalität der Slideshow integriert.
Für existierende Shops ohne Templatewartung können unsere e-vendo Kunden nach Login auf der e-vendo Homepage sich die Readme (Version 7.0.19.0), die aktuelle Referenzdokumentation der Templates sowie ein aktuelles Standard-Shop-Layout herunter laden.

Erstellen von Slideshow(s)

Über das Shop-Management und den dortigen Button Datei-Upload gelangt man zu den Verzeichnissen, wo man Dateien hoch- und herunterladen kann. Dort sollte ein Verzeichnis sein, was "slideshow" heißt und vermutlich als ein Unterverzeichnis angelegt ist. Dieses ist zu nutzen. In diesem Verzeichnis sind die Grafiken für die Slideshow(s) und die Steuerdatei(en) abzulegen.
Es gibt pro Slideshow je eine Steuerdatei. Für jede Grafik gibt es eine Grafikdatei. Wenn eine Slideshow z.B. aus 3 Grafiken besteht, dann sind für die gesamte Slideshow vier Dateien notwendig, 3 Grafikdateien und eine Steuerdatei. Wenn es eine weitere Slideshow mit z.B. 5 Grafiken gibt, dann werden dafür also 6 Dateien benötigt. Für beide Slideshows zusammen sind dann also 10 Dateien (2 Steuerdateien und 8 Grafikdateien) notwendig.

Die Slideshows sind in zwei Größen möglich. Die große Slideshow wird im Standardlayout unterhalb der Hauptnavigation eingeblendet, die kleine Slideshow unter der Headline. Folgende Abmaße sind im Standardlayout für die Slideshow-Grafiken vorgesehen:

• Große Slideshow: 978 x 250 Pixel
• Kleine Slideshow: 600 x 220 Pixel

Die Größen für die Slideshow sind in der formate.css definiert, dort im Bereich The Nivo Slider styles. Über eine Anpassung hier können die Größen für die kleine und die große Slideshow nach Bedarf auch geändert werden.
Eine Slideshow auf der Startseite wird als große Slideshow dargestellt, eine Slideshow auf den Themenseiten wird als kleine Slideshow dargestellt. Abweichungen davon sind möglich, müssen aber separat konfiguriert werden.
Die Templatevariable {SLIDESHOW_BIG} zum Einblenden der großen Slideshows ist im Standardlayout im Template body_begin.htm vorhanden. Die Templatevariable {SLIDESHOW} zum Einblenden der kleinen Slideshow ist im Standardlayout im Template body_between_headline_and_content.htm vorhanden. Die Templates slideshow.htm und slideshow_pos.htm sind die notwendigen Templates, um die Slideshow darzustellen. Diese Templates müssen also vorhanden sein. In slideshow.htm kann man die Slideshow-Darstellung selbst parametrisieren, also die Darstellungsdauer, die Bildwechselalgorithmen usw. Eine entsprechende Dokumentation dazu finden Sie im Internet unter Nivo Slider.