Hallo,
da die ThickBox ja nicht mehr weiterentwickelt wird, habe ich modified eCommerce Shopsoftware 1.05 mal umgebaut auf die Fancybox. Vielleicht nicht jedermanns Geschmack, aber das Anleitung kann ja mit ein wenig Bastelei auf jede Javascript anpassen die mit jQuery läuft.
Anleitung hier oder in der angehängten Datei (inkl. der Dateien)
Angaben ohne Gewähr, Änderungen auf eigenes Risiko!
Wenn im folgenden TEMPLATE angegeben ist, dies immer durch das gewünschte Template ersetzen (z.B. standardmäßig "xtc5")
Öffne Datei
templates/TEMPLATE/module/product_info_v1.htmlfinde (ca. Zeile 9)
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>
und ersetze mit
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="fancy" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br />{#text_zoom#}{/if}</a>
Öffne Datei
templates/TEMPLATE/module/product_info_x_accordion_v1.htmlfinde (ca. Zeile 9)
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>
und ersetze mit
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="fancy" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br />{#text_zoom#}{/if}</a>
Öffne Datei
templates/TEMPLATE/module/product_info_tabs_v1.htmlfinde (ca. Zeile 9)
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>
und ersetze mit
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="fancy" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br />{#text_zoom#}{/if}</a>
Öffne Datei
templates/TEMPLATE/javascript/general.js.php
finde (ca. Zeile 18)
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>
und ersetze es mit
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.fancybox-1.3.2.pack.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
$("a.fancy").fancybox({
'padding' : 2,
'easingIn' : 'transition',
'easingOut' : 'transition'
});
});
function getGroupItems(opts) {
jQuery.each(imageList, function(i, val) {
opts.itemArray.push(val);
});
}
//-->
</script>
Öffne Datei
templates/TEMPLATE/css/general.css.php
finde (ca. Zeile 16)
<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/css/thickbox.css" type="text/css" media="screen" />
und ersetze es mit
<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/css/jquery.fancybox-1.3.2.css" type="text/css" media="screen" />
Öffne Datei
includes/classes/main.phpfinde ca. Zeile 50
return ' '.SHIPPING_EXCL.' <a target="_blank" href="'.xtc_href_link(FILENAME_POPUP_CONTENT, 'coID='.SHIPPING_INFOS.'&KeepThis=true&TB_iframe=true&height=400&width=600').'" title="Information" class="thickbox">'.SHIPPING_COSTS.'</a>';
und ersetze es mit
return ' '.SHIPPING_EXCL.' <a target="_blank" href="'.xtc_href_link(FILENAME_POPUP_CONTENT, 'coID='.SHIPPING_INFOS.'').'" title="'.SHIPPING_COSTS.'" class="fancy">'.SHIPPING_COSTS.'</a>';
Lösche die Dateien
templates/TEMPLATE/javascript/thickbox.jstemplates/TEMPLATE/css/thickbox.cssund lade die beiliegenden Dateien hoch
es werden keine Standarddateien überschrieben
templates/TEMPLATE/javascript/jquery.fancybox-1.3.2.pack.jstemplates/TEMPLATE/css/jquery.fancybox-1.3.2.cssund den Ordner
templates/TEMPLATE/img/Fertig!
Für Optionen der Fancybox (anzugeben in der general.js.php) die Webseite
Fancybox - Fancy jQuery lightbox alternative befragen.
Grüße
Florian
PS: Ups, Datei zweimal hochgeladen... ich hatte die Installationsanleitung nochmal geändert und die Zeilen
'zoomSpeedIn' : 900,
'zoomSpeedOut' : 800,
rausgenommen... ansonsten keine Änderung
Alternative Version von shopmudules (fancybox_install.zip):Hallo zusammen,
ich kann mich irren, aber kann es sein, dass hier einfach zu viel des Guten gemacht wird? Ich habe mal eine Anleitung angehängt und da geht es dann superschnell mit der Integration der Fancybox.
Ich möchte die bisherige Arbeit nicht schlecht reden, sondern wollte viel mehr einen schnelleren Ansatz präsentieren.
Ich kann mich natürlich enorm irren.
Gruß aus Kyritz
Kerim
Alternative Version von web28 (Fancybox_1.01.zip):Fancybox für modified eCommerce Shopsoftware 1.05 SP1
- Austausch der Thickbox gegen Fancybox ohne Änderung der Coredateien
- Unterstützung der Thickbox URL Parameter (IFrame, width, height)
- Mousewheelfunktion für Bildergalerien (Bilder werden durch das Mausrad weitergeschaltet)
Die Fancybox kann aber auch in ältere Versionen eingebaut werden!
Gruss Web28
[
EDIT Tomcraft 30.10.2010: doppelten Anhang entfernt.]
[
EDIT Tomcraft 31.10.2010: Modul auf Version 1.1 aktualisiert,
Danke an flth.]
[
EDIT Tomcraft 31.10.2010: Modul auf Version 1.2 aktualisiert,
Danke an flth.]
[
EDIT Tomcraft 31.10.2010: Modul auf Version 1.3 aktualisiert,
Danke an flth.]
[
EDIT Tomcraft 31.10.2010: Modul auf Version 1.3a aktualisiert,
Danke an flth.]
[
EDIT Tomcraft 31.10.2010: Modul auf Version 1.3b aktualisiert,
Danke an flth.]
[
EDIT Tomcraft 31.10.2010: Modul auf Version 1.4 aktualisiert,
Danke an flth.]
[
EDIT Tomcraft 08.11.2010: Modul auf Version 1.5 aktualisiert,
Danke an flth.]
[
EDIT Tomcraft 16.06.2010: Alternative Version von shopmodules angehängt.]
[
EDIT Tomcraft 29.10.2011: Alternative Version von web28 angehängt.]
[
EDIT Tomcraft 30.10.2011: Fehler in Modul von web28 korrigiert, Danke an Halli für den Hinweis.]
[
EDIT Tomcraft 03.11.2011: Modul von web28 aktualisiert, Danke an jannemann.]
Linkback: https://www.modified-shop.org/forum/index.php?topic=8913.0