ecshop商品放大镜JS实现放大镜产品展示效果

2016-06-13 13:05 来源:www.chinab4c.com 作者:ecshop专家

适用所有ecshop版本模板的放大镜(含小图切换大图效果)   前段时间分享了一个适用于所有ecshop版本的商品放大镜效果 效果实现了 :鼠标 放上去 右侧实现放大镜效果 +鼠标点击实现弹出放大图片效果 今天要分享的还是这个放大镜效果 只是增加了 小图切换显示大图效果 兼容 ie6+ie7+ie8+ff 我来说下 具体的操作步骤 技术支持 (ecshop模板屋工作室) 【1】.先下载 mz-packed.js 下载地址:ECSHOP开发模板美化QQ群 193187054 共享里面下载 【2】.在模板中引入 mz-packed.js 文件 有2种方式来引入 第一种方式:把mzp.packed.js   放到 ec根目录 js目录下面 这样 在goods.dwt文件里面 添加一行: {insert_scripts files='common.js,mz-packed.js'} 复制代码 第二种方式:把mz-packed.js放到 模板文件夹里面的js目录下 这样 在goods.dwt里面 添加一行: 复制代码 如果很多朋友发现没有效果 那检查下 是否成功的加载了js代码 【1】在goods.dwt里面修改如下代码: 我们以ecshop2.73 default模板为准 其他模板依此类推 198行:          

                {$goods.goods_name|escape:html}                        {$goods.goods_name|escape:html}            改成:    
                               {$goods.goods_name|escape:html}                  【2】找到 库文件 goods_gallery.lbi  把原来从命名为goods_gallery.lbi1  然后把压缩包goods_gallery.lbi  放进去   【3】把刚才下载的包里面的MagicZoom.css   放到模板里面去 即可 在goods.dwt里面引用:   下载地址:ECSHOP开发模板美化QQ群193187054 共享里面下载