ecshop的數(shù)據(jù)字典

申請免費試用、咨詢電話：400-8352-114

合用一切ecshop版本模板的擴大鏡（含小圖切換大圖結(jié)果）

前段工夫分享了一個合用于一切ecshop版本的商品擴大鏡結(jié)果

見帖子：http://bbs.ecshop.com/thread-93763-1-1.html

里面的結(jié)果完成了：鼠標放上去右側(cè)完成擴大鏡結(jié)果 +鼠標點擊完成彈出擴大圖片結(jié)果

今日要分享的照樣這個擴大鏡結(jié)果只是添加了小圖切換顯示大圖結(jié)果

詳細結(jié)果看我的演示站：http://ecshop.xwmoban.com/default/goods.php?id=34
   （官方ecshop2.70 默許模板）

兼容 ie6+ie7+ie8+ff

我來說下詳細的操作步調(diào) 技能支撐北京模板部落  www.xwmoban.com   （ecshop模板任務(wù)室）

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

下載地址：http://www.magictoolbox.com/static/magiczoomplus-demo.zip

【2】.在模板中引入 mzp.packed.js 文件

有2種方法來引入

第一種方法：把mzp.packed.js   放到 ec根目次 js目次下面

如許在goods.dwt文件里面添加一行：

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

復制代碼

第二種方法：把mzp.packed.js放到模板文件夾里面的js目次下

如許在goods.dwt里面添加一行：

復制代碼

假如良多伴侶發(fā)現(xiàn)沒有用果那反省下能否成功的加載了js代碼

【3】在goods.dwt里面添加如下代碼：我們以ecshop2.70 default模板為準其他模板依此類推

<a href="{$pictures.0.img_url}" id="zoom1" class="MagicZoom MagicThumb" title="{$goods.goods_style_name}">
<a href="{$pictures.0.img_url}" id="zoom1" class="MagicZoom MagicThumb" title="{$goods.goods_style_name}">

復制代碼

【4】找到庫文件 goods_gallery.lbi
改為如下

<a href="{$picture.img_url}"
rel="zoom1"
rev="{$picture.img_url}"
title="{$picture.img_desc|escape:html}">
<img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" alt="{$goods.goods_name}" class="B_blue" />