Carousel
Die Artikelbildanzeige das eComStyle.de Responsive Themes wurde standardmäßig allein mit Bootstrap-Komponenten umgesetzt, um die Einbindung weiterer Scripte zu vermeiden und damit Ressourcen zu schonen. Bootstrap bietet genügend Funktionen und Möglichkeiten, um eine komfortable und intuitive Anzeige der Artikelbilder zu ermöglichen.
Artikelbild mit Tumbnails
Das Artikelbild selbst wird im Carousel, den in Bootstrap standardmäßig integrierten Bilder-Slider, angezeigt. Die integrierte Vor-/Zurück-Navigation an den Bildseiten ermöglicht einfaches Wechseln durch die Artikelbilder, die Tumbnails unter dem Hauptbild weisen auf das Vorhandensein weiterer Artikelbilder hin und ermöglichen die direkte Anwahl eines Artikelbildes.
Zoombilder im Modal Popup
Modal Carousel
Der Klick auf den Zoom-Button öffnet ein Modal-Popup, in dem die Artikelbilder größtmöglich angezeigt werden. Über dem Zoombild wird der Artikeltitel und eine Close-Schaltfläche zum Schließen des Popups platziert.
Das Bild selbst wird automatisch so groß wie möglich dargestellt, seitlich sind wieder Navigationselemente zur intuitiven Vor- und Zurück-Navigation zu finden.
Unter dem Bild sind zusätzliche Navigationspfeile sowie ein Schließen-Button vorhanden.
Auch mit einen Klick neben das Modal Popup kann dieses geschlossen werden.
Alternative: Fancybox2
Fancybox
Alternativ ist das Modul Fancybox2, passend für das eComStyle.de Responsive Theme, für alle Kunden kostenfrei erhältlich. Das Modul ersetzt die modale Zoombild-Anzeige durch die Fancybox2, der wohl bekanntesten jquery-Lightbox.
Die Fancybox bietet zusätzliche, komfortable Funktionen, wie z.B. das Scrollen durch die Artikelbilder mit dem Mausrad oder mit den Pfeiltasten der Tastatur.
Als kleines Extra ist im Modul Fancybox2 auch ein Back to Top-Button integriert, der in den Moduleinstellungen de-/aktivierbar sowie optional auf kleinen Displays ausblendbar ist.
