ecshop 添加放大镜功能

代码下载：>

安装方法很简单

1,下载后里面有个MagicZoom.css，把这个内容复制到ecshop的style.css。

2，把mz-packed.js 在goods.dwt中载入。<script type='text/javascript' src='js/mz-packed.js'></script>

3，找到goods.dwt中商品图片的位置，比如bluesky中是

<a href="{$pictures.0.img_url}" rel="lightbox[example]"><img src="{$goods.goods_img}" alt=""  /></a>

把这句修改为

<a href="{$pictures.0.img_url}" title="{$goods.goods_name|escape:html}" class="MagicZoom" rel="zoom-width: 400px; zoom-position: bottom"><img src="{$goods.goods_img}"/></a>

应该就可以了，没测试。

在样式表里面加

.MagicZoomPup {

width:50px!important;

height:50px!important;

}

浮动框高宽自己改上面大小。