zencart 轻松集成 lightbox 无需安装AJAX_image_swapper

[radnows]

lightbox演示及下载地址:http://www.huddletogether.com/projects/lightbox2/

以Zen Cart v1.3.8a 简体中文完全版 为例, 集成步骤只需修改3个文件.

1.下载lightbox后解压, 复制css, images, js目录到zencart的根目录里.

2. 打开includes\templates\zccn\common\tpl_header.php, 在第一行的<?php之前加入以下内容:

代码: 全选

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


3. 修改tpl_modules_main_product_image.php内容为:

代码: 全选

<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?>
<div id="productMainImage" class="centeredContent back">
<?
  echo '<a href="' . $products_image_medium . '" rel="lightbox">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>

</div>


如果$products_image_medium没有效果, 替换为DIR_WS_IMAGES . $products_image


4. 修改includes\modules\additional_images.php内容:

删除$script_link行全部, 再加入

代码: 全选

$script_link = '' . ($flag_display_large ? '<a href="' . $products_image_large . '" rel="lightbox[roadtrip]">' . $thumb_regular . '<br /><span class="imgLinkAdditional">' . TEXT_CLICK_TO_ENLARGE . '</span></a>' : $thumb_regular ) . '';


OK! 完成了.
PS: 请使用zencart的文件替换机制.

[62888666]

顶，
这个插件 非常PP，非常适用，非常喜欢。。。哈哈哈

[beibuwan]

安装失败。。。
一直在loading
就是不出现图片？

[beibuwan]

弄好了。。代码改成下面的才行

修改tpl_modules_main_product_image.php内容为:
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?>
<div id="productMainImage" class="centeredContent back">
<?
echo '<a href="' . DIR_WS_IMAGES . $products_image . '" rel="lightbox[roadtrip]">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>

</div>

4. 修改includes\modules\additional_images.php内容:
$script_link = '' . ($flag_display_large ? '<a href="' . $base_image . '" rel="lightbox[roadtrip]">' . $thumb_regular . '<br /><span class="imgLinkAdditional">' . TEXT_CLICK_TO_ENLARGE . '</span></a>' : $thumb_regular ) . '';

[winsion]

安装失败!!
下载2.04版的LIGHTBOX 后,
我按上面的说法来做1.38a,发现:
tpl_modules_main_product_image.php 是不知道放在哪里的，,
另外连自己的网站也打不开了， 幸好有备份...

恳请高人提供这三个"修改后的文件"下载,并指明覆盖位置.谢谢

[枫叶]

根据此帖子安装了LightBox2，在tpl_headder.php文件开始处，添加了以下代码


<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


全部设置完成后，图片特效显示倒是正常，但是发现点击页面左或右边的列表时，列表消失。比如点击Categories，Categories列表就从页面消失了。这是什么原因？有冲突么？

去掉在tpl_headder.php文件开始处添加的代码后，就没有这个问题了。

[shoesid]

收藏了，谢谢

[willial]

收藏了，谢谢

[urgent0072]

收藏了 下来看看

[lookupsee]

你好，诸位高手，麻烦帮帮忙。
我下载了一个Zen Lightbox
http://www.zen-cart.com/index.php?main_ ... cts_id=273
然后按照说明进行安装后，在处理数据库时出现 错误：
1146 Table 'sqlsunjian.configuration_group' doesn't exist
in:
[SELECT @cgi := configuration_group_id FROM configuration_group WHERE configuration_group_title = 'Zen Lightbox';]
If you were entering information, press the BACK button in your browser and re-check the information you had entered to be sure you left no blank fields.

谁知道这是怎么了？？？在后台管理configure various settings from the Zen Cart admin (Admin > Configuration > Zen Lightbox). 点选Zen Lightbox后找不到 操作什么的 也不知道该 操作什么

有谁能帮助我解决下问题，不胜感激。。。。。。