Liebe Forengemeinde,
ich habe versucht, die Fancybox für meinen xt:Commerce modified Shop einzusetzen und alle Schritte der Anleitung (Version 1.5, PDF) befolgt. Nun werden jedoch die Bilder nicht in der Fancybox geöffnet, sondern es öffnet sich bei Klick jeweils eine komplett neue Seite mit dem jeweiligen Produktbild. Ich vermute, dass es sich um fehlende Javascript-Parameter und/oder -Module bzw. -Basisbibliotheken handelt.
So sieht meine general.js.php aus:
<?php
/* -----------------------------------------------------------------------------------------
$Id: general.js.php 1262 2005-09-30 10:00:32Z mz $
XT-Commerce - community made shopping
http://www.(( Wir dulden keine kommerziellen Werbelinks - Bitte <a href="index.php?topic=3013.0">Forenregeln</a> beachten! ))
Copyright (c) 2003 XT-Commerce
-----------------------------------------------------------------------------------------
Released under the GNU General Public License
---------------------------------------------------------------------------------------*/
// this javascriptfile get includes at the BOTTOM of every template page in shop
// you can add your template specific js scripts here
?>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.js" type="text/javascript"></script>
<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'
});
$(".infobox600").fancybox({
'width' : 600,
'height' : 400,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'inside', // 'inside' 'outside' 'over'
'type' : 'iframe'
});
});
function getGroupItems(opts) {
jQuery.each(imageList, function(i, val) {
opts.itemArray.push(val);
});
}
//-->
</script>
<?php// BOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>
<?php
if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO )) {
?>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/toggle-control.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#tabbed_product_info").tabs();
$("#accordion_product_info").accordion({ autoHeight: false });
});
</script>
<noscript>
<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/css/no_javascript.css" type="text/css" media="screen" />
</noscript>
<?php
}
?>
<?php// EOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>
Fehlt da etwas? Ich hatte die neueste jquery-Version in jquery.js umbenannt, so liegt sie auch im Ordner. Andere JS-Dateien außer den hier verlinkten aber nicht. Was könnte fehlen? Ich habe immer nur die reinkopiert, welche per <script>-Tags angesprochen werden.