Community Forum
Lightbox2 V2.04 Einbauanleitung (simpel), ohne Änderung der product_info_v1.html
Einfacher Einbau in wenigen Schritten:1. Lade dir die Version 2.04 von hier herunter
2. Entpacke die Dateien auf deine Festplatte
3. Leg in deinem Templateordner einen Ordner "lightbox" an und platziere die drei unterordner "css", "images" und "js" darin
4. Öffne die Datei "lightbox.js" und korrigiere den Pfad zu den Bildern
QUELLTEXT
fileLoadingImage: 'images/loading.gif',
fileBottomNavCloseImage: 'images/closelabel.gif',
Richtig:
QUELLTEXT
fileLoadingImage: 'templates/DEINTEMPLATE/lightbox/images/loading.gif',
fileBottomNavCloseImage: 'templates/DEINTEMPLATE/lightbox/images/closelabel.gif',
5. Hochladen
6. Öffne die Datei \includes\modules\product_info.php - Hier müssen wir 2 Zeilen ändern
Zuerst die Zeile für das primäre Produktbild - Suche:
QUELLTEXT
$info_smarty->assign('PRODUCTS_POPUP_LINK', 'java script:popupWindow(\''.xtc_href_link(FILENAME_POPUP_IMAGE, 'pID='.$product->data['products_id'].$connector.'imgID=0').'\')');
Ersetzen durch:
QUELLTEXT
# LIGHTBOX by Jogi - anfang
$info_smarty->assign('PRODUCTS_POPUP_LINK', DIR_WS_POPUP_IMAGES.$product->data['products_image'].'" rel="lightbox[jogi]" title="'.$product->data['products_name']);
# LIGHTBOX by Jogi - ende
Dann ändern wir die Zeile für zusätzliche Produktbilder - Suche:
QUELLTEXT
$info_smarty->assign('PRODUCTS_POPUP_LINK_'.$img['image_nr'], 'java script:popupWindow(\''.xtc_href_link(FILENAME_POPUP_IMAGE, 'pID='.$product->data['products_id'].$connector.'imgID='.$img['image_nr']).'\')');
Ersetzen durch:
QUELLTEXT
# LIGHTBOX by Jogi - anfang
$connector_jogi = '&';
$info_smarty->assign('PRODUCTS_POPUP_LINK_'.$img['image_nr'], DIR_WS_POPUP_IMAGES.$img['image_name'].'" rel="lightbox[jogi]" title="'.$product->data['products_name']);
# LIGHTBOX by Jogi - ende
7. Die 3 JS-Dateien und die CSS (Cascading Style Sheets ) CSS
http://de.selfhtml.org/css/ - Top CSS Einsteiger Seite
http://www.css4you.de/ - CSS Reference-Datei müssen jetzt noch eingebunden werden. Dazu öffne: includes/header.php
Dort fügst du gleich nach dem <head> Tag folgenden Code ein:
QUELLTEXT
<!-- LIGHTBOX -->
<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/lightbox'; ?>/js/prototype.js"></script>
<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/lightbox'; ?>/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/lightbox'; ?>/js/lightbox.js"></script>
<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE.'/lightbox'; ?>/css/lightbox.css" type="text/css" media="screen" />
<!-- LIGHTBOX -->
8. Enjoy ( so siehts bei mir aus )
