裸求怎么样增加EnTemplate模版放大镜

2016-07-07 16:07 来源:www.chinab4c.com 作者:ecshop专家



英文EnTemplate模版按照以下方法增加放大镜,但是不知道goods.dwt中商品图片的代码和 库文件 goods_gallery.lbi着怎么修改


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中载入。

载入方法把mz-packed.js放到 ec根目录 js目录下面

在goods.dwt文件里面 修改成下面代码
{* 包含脚本文件 *}
{insert_scripts files='common.js,mzp-packed.js'}






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>

复制代码
EnTemplate 模版是2.7.1版本不适用这个方法~!应该怎么修改代码?


4。2.7.1版本还需要修改库文件 goods_gallery.lbi 应该怎么修改?


请各位帮忙研究下~!谢谢~!

回答:
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>

复制代码


这一段代码至今还找不到修改的方法


好心人给条明路~!

我也在找这个方法。