适用所有ecshop版本模板的放大镜(含小图切换大图效果)

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

【1】.先下载 mzp.packed.js

下载地址：/static/magiczoomplus-demo.zip 【2】.在模板中引入 mzp.packed.js 文件

有2种方式来引入

第一种方式：把mzp.packed.js 放到 ec根目录 js目录下面

这样在goods.dwt文件里面添加一行：

1.{insert_scripts files='common.js,mzp-packed.js'}

复制代码

第二种方式：把mzp.packed.js放到模板文件夹里面的js目录下

这样在goods.dwt里面添加一行：

1.

复制代码

如果很多朋友发现没有效果那检查下是否成功的加载了js代码

【3】在goods.dwt里面添加如下代码：我们以ecshop2.70 default模板为准其他模板依此类推

1.

2.

3.

alt="{$goods.goods_name|escape:html}" width="230px;"/>

4.

5.

6.

class="MagicZoom MagicThumb" title="{$goods.goods_style_name}">

7.

alt="{$goods.goods_name|escape:html}" width="230px;"/>

8.

9.

复制代码

【4】找到库文件 goods_gallery.lbi

改为如下

1.

2.

3.

4.

onmouseup="moveLeft()" onmouseout="scrollStop()">

5.

6.

7.

8.

9.

10.

11.
12. rel="zoom1"
13. rev="{$picture.img_url}"
14. title="{$picture.img_desc|escape:html}">
15. ${$goods.goods_name}$
16.
17.

18.

19.

20.

21.

22.

23.

24.

onmouseup="moveRight()" onmouseout="scrollStop()"

class="spanR">

25.