Slider-Images im OXID-eSales Onlineshop ändern

Slider-Images im OXID-eSales Onlineshop ändern

Grundlagen

Der Onlineshop OXID eSales enthält einen Slider, der im Adminbereich aktiviert werden kann. Weitere Einstellungen sind durch die Bearbeitung zweier Javascript-Dateien im Template möglich.

Beim Ändern der Slider-Images sind ein paar Besonderheiten zu beachten. Im Adminbereich gibt es unter [Kundeninformationen]->[Aktionen verwalten] vordefinierte Elemente vom Typ „Banner“. Hier können die wichtigsten Einstellungen vorgenommen werden und Banner aktiviert/deaktiviert, hinzugefügt oder entfernt werden. Zu beachten ist, dass die meisten Einstellungen für jede Sprache einzeln gespeichert werden.

OXID eShop Admin Backend

Die hoch geladenen Slider – Images werden im Ordner /out/pictures/promo gespeichert. Die Dateien  können auch einfach per FTP getauscht werden, wobei zu beachten ist, dass die Dateinamen (Groß/klein-Schreibung!)  dieselben bleiben.

FTP Ordneransicht

Vorgehensweise bei abweichenden Bildgrößen

Alle Slider – Images liegen in der Größe 940×500 Pixel vor. Die Bildgröße sollte mit der vom System gelieferten Größe übereinstimmen.

HTML Code mit Bildgrößen

Dafür zuständig sind 2 Javascript-Dateien:

/out/azure/src/js/libs/anythingslider.js

Ab Zeile 562 befinden sich einige Parameter, wie zum Beispiel die Slide – Geschwindigkeit.

JavaScript Code

Die zweite Datei ist die /out/azure/src/js/widgets/oxslider.js

Hier stehen ab Zeile 25 einige Parameter, unter anderem die Größe.

JavaScript Funktion