JQLightBox+JQZoom_For_ZenCart 修改版

[kira]

JQLightBox 和 JQZoom 是 Zen Cart 较常用的两个图片展示效果增强模块
原来在安装 JQLightBox 和 JQZoom 这两个模块时 还需要先安装 css_javascript_loader 模块才能正常加载
即便如此 亦有很多童鞋 尚不能正常安装使用这两个模块
这里 稍加作了点修改 省去了 再安装 css_javascript_loader模块这一步 简化的安装过程和出错机率
直接上传 模块文件下的 imgaes 文件夹 和 includes 文件夹到你的Zen Cart程序目录下 覆盖即可
对默认的程序 可以直接覆盖 如果 自行修改了对应的文件或安装了 涉及到修改相同文件的模块
请参照各 文件夹下的 文件 备份对应的文件后 再覆盖或修改操作

上传模块文件时 注意 先将 本文件夹下的 "你的当前模板目录名" 更改为 与 你当前使用的模板文件夹名称相同的文件名 切记 !!!

需要对应修改的地方有两处
分别位于 includes/templates/ 下 和 includes/modules/ 下

如果当前模板或网站使用了共用jquery库的话
建立 参照下面帖子 后面 的建议 去掉 这两模块所加载的 jquery库文件
http://www.zen-cart.cn/forum/topic86244.html

文件夹 安装卸载 下的 文件 为 模块数据库 安装 和 卸载脚本

文件说明:

代码: 全选

 
install_JQLightBox.sql   //JQLightBox 模块安装脚本
uninstall_JQLightBox.sql   //JQLightBox 模块卸载脚本

install_JQZoom.sql   //JQZoom 模块安装脚本
uninstall_JQZoom.sql   //JQZoom 卸载脚本


补充两句:
有很多同学 老是分不清
什么是 JQZoom 效果 和 Zen Cart Image Handler模块 (简称 IH2) 的放大效果

及

什么是 JQLightBox 效果 和 AJAX图片切换模块 效果

所以 本文件里 附带了这两个模块的 效果展示 文件 以供区分
详请参见 JQLightBox DEMO.png 和 JQZoom DEMO.png
更直观的效果可打开 位于 效果演示 文件夹下的 JQZoom/demo/index.html 文件 和 JQLigBox/index.html 文件查看

点击下载 JQLightBox+JQZoom_For_ZenCart 修改版 网盘外链下载

论坛下载:
见后面的修改版：http://www.zen-cart.cn/forum/topic136304-90.html#p524954

先就这么多吧
如果有什么问题可以下面跟上 或 我的博客留言:
http://blog.kpa7.net/article/jqlightbox-and-jqzoom-for-zen-cart/


----- by KIRA -----
http://blog.kpa7.net

[kira]

JQZoom 效果

JQZoom DEMO.png (170.92 KiB) 被浏览 8576 次

Zen Cart IH2模块 商品图片放大效果

IH2 DEMO.png (49.79 KiB) 被浏览 8576 次

JQLightBox 效果

JQLightBox DEMO.png (311.61 KiB) 被浏览 8576 次

AJAX 图片切换效果

AJAX DEMO.png (515.94 KiB) 被浏览 8576 次

[Jack]

这么好的帖子都没人顶啊

[jansen1988]

先感谢下大大的友情分享，想问下 是不是里面模块文件改了模板名字直接上传，然后再把2个sql弄上去就可以了吗？我弄了这两部没效果。还是有其他步骤？

[kira]

先感谢下大大的友情分享，想问下 是不是里面模块文件改了模板名字直接上传，然后再把2个sql弄上去就可以了吗？我弄了这两部没效果。还是有其他步骤？

安装完SQL脚本后 后台 商店设置 下 JQlightbox 和 JQzoom 两个选项 还要 开启 后 前台才会有效果

[wei630466210]

美化版演示时有这个功能，而我本地安装测试时却没有这个功能。望老大以及各位有遇到共同的朋友指点下。。。

图.jpg (20.44 KiB) 被浏览 8308 次

[jansen1988]

可以了 谢谢大大。。

[kira]

美化版演示时有这个功能，而我本地安装测试时却没有这个功能。望老大以及各位有遇到共同的朋友指点下。。。

图.jpg

后台 商店设置 图像参数 放大小图像 / 放大中图像

[wei630466210]

美化版演示时有这个功能，而我本地安装测试时却没有这个功能。望老大以及各位有遇到共同的朋友指点下。。。

图.jpg

后台 商店设置 图像参数 放大小图像 / 放大中图像

首先感谢你的帮忙，我说的这个效果是首页产品鼠标移上去放大的效果而不是产品描述页的放大镜效果。。。希望在给我指点下。。。实在找不到这功能

[Jack]

是这个选项，你安装的是中文版吗？