ecshop 添加放大镜功能

更新时间:2012-06-19 点击量:5803

代码下载:>

安装方法很简单

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;

}

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

 

 

 

支付宝扫码打赏 微信打赏

如果文章对您有帮助,就打赏一个吧

在线客服

客户服务

热线电话:

0755-36656507 15889489919 服务时间:

周一到周六:9:00-18:00

在线QQ客服

在线微信客服

关于我们 常见问题

支付方式 加盟合作

提交需求
优惠红包 购物车0 反馈留言 返回顶部