安装方法很简单
1,下载楼主给的第一个zip包
http://www.magictoolbox.com/static/magiczoomtrial.zip 解开,里面有个MagicZoom.css,把这个内容复制到ecshop的style.css。
2,下载楼主给的无水印js
http://www.magictoolbox.com/static/mz-packed.js 在goods.dwt中载入。
3,找到goods.dwt中商品图片的位置,比如bluesky中是
复制内容到剪贴板
代码:
<a href="{$pictures.0.img_url}" rel="lightbox[example]"><img src="{$goods.goods_img}" alt="" class="thumb" /></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;
}浮动框高宽自己改上面大小。