Sinn und Zweck dieses Moduls
Colorbox ist eine Alternative zur Zen Lightbox, die vor allem auf mobilen Geräten wesentlich besser dargestellt wird.
Verwendet wird das jQuery Colorbox plugin von Jack Moore:
http://www.jacklmoore.com/colorbox/
Dieses Modul integriert einen Lightbox Effekt in Zen Cart. Alle großen Artikelbilder (auf der Detailseite) werden beim Anclicken in einer Lightbox angezeigt. Dadurch werden keine Popup Fenster mehr verwendet, was die Website wesentlich benutzerfreundlicher macht. Die zusätzlichen Artikelbilder werden innerhalb der Lightbox in einer Galerie angezeigt. Optional kann auch eine Slideshow für die zusätzlichen Artikelbilder aktiviert werden.
Die Vergrößerung kann auch für Bilder auf den EZ-Pages und anderen Inhaltsseiten genutzt werden.
Hinweis
Es macht keinen Sinn die Module Zen Lightbox und Zen Colorbox gemeinsam in einem Shop zu verwenden! Falls Sie bereits das Modul Zen Lightbox im Einsatz haben und auf die Colorbox umsteigen wollen, dann entfernen Sie das Modul Zen Lightbox komplett!
Konfiguration
In der Zen-Cart Administration ist unter Konfiguration ein Menüpunkt namens Zen Colorbox Einstellungen vorhanden, wo Sie etliche Einstellungen zum Verhalten der Lightbox vornehmen können. Beim Click auf Bearbeiten sind die jeweiligen Einstellungsmöglichkeiten erklärt.
Erweiterte Nutzungsmöglichkeiten
EZ-Pages
Standardmäßig ist der Lightbox Effekt für alle Links zu Bildern innerhalb von EZ-Pages bereits aktiv. In der Colorbox-Konfiguration kann das ausgeschaltet werden.
Wenn Sie also einen Link zu einem größeren Bild so in eine EZ-Page einbauen:
<a href="images/bildgross.jpg"><img src="images/bildklein.jpg"/></a>
Dann wird das Bild beim Anclicken in einer Lightbox vergrößert. Es muss hier nicht wie bei Zen Lightbox noch ein spezielles rel Kommando mitgegeben werden, einfach zum großen Bild verlinken.
Lightbox auf jeder beliebigen Seite
Die Lightbox-Funktionalität kann leicht auf jede beliebige Seite in Zen-Cart ausgeweitet werden.
Standardmäßig ist sie nur auf den Artikeldetailseiten, den EZ Pages und den Bewertungsseiten aktiv, damit nicht unnötig Javascripts auch auf anderen Seiten mitgeladen werden
In includes/templates/DEINTEMPLATE/auto_loaders/loader_zen_colorbox.php wird das Script nur auf den Seiten geladen, die in Zeile 5 im Array eingetragen sind:
'pages' => array('document_general_info','document_product_info','page','product_free_shipping_info','product_info',
'product_music_info','product_reviews','product_reviews_write')
Wenn der Effekt nun auch z.B. auf der Kontaktseite möglich sein soll, dann diese Liste entsprechend erweitern, z.B. mit der Seite ‚contact_us‘ und ändern auf:
'pages' => array('contact_us','document_general_info','document_product_info','page','product_free_shipping_info',
'product_info', 'product_music_info','product_reviews','product_reviews_write')
