求助2.7版本中360模版的放大镜

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

我们的站点www.apex98.com.cn,商品详情页面上的小图也不能在上面区域切换显示,哪位兄弟可以帮忙解决,如果能实现放大镜效果,小弟不胜感谢?求助中~~~

回答:


第一个问题是指鼠标经过小图片,大图片随之切换吧?
这两个问题与模板相关性较强,在看不到模板的情况下不太好回答.
我说一下第一个问题的方法吧.
如果你所用的360模板没有修改过的话:
请按如下方法修改:
1:themes/360/library/goods_gallery.lbi 的第10-11行
  1. <li><a href="gallery.php?id={$id}&amp;img={$picture.img_id}" target="_blank"><img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" alt="{$goods.goods_name}" /></a>

  2. </li>
复制代码
改为:
  1. <li><a href="gallery.php?id={$id}&amp;img={$picture.img_id}" target="_blank"><img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" alt="{$goods.goods_name}" onmouseover='cimg("{$picture.img_url}")' /></a>

  2. </li>
复制代码
同时,此文件的第20行,
  1. <script>
复制代码
改为
  1. <script>
  2. function cimg(s) {
  3. $('show_img').src=s;
  4. }
复制代码
第三步:
goods.dwt 第63行
  1. <img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}"/>
复制代码
修改为:
  1. <img id="show_img" src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}"/>
复制代码
经过这三步,应该就没有问题了.
但是,提醒一下: 由于ecshop的相册功能的固有不足之外,可以在切换小图到大图的时候,大图会时大时小,晃眼睛.
这种情况,有两种处理方法,一种是彻底修改ec的相册缺陷.
可参考这个的修改情况:http://bbs.ecshop.com/thread-102463-1-1.html
第二种是用Css把大图的尺寸固定住.这个比较简单,不用改php
可参考这个地址:http://bbs.ecshop.com/viewthread.php?tid=93476

关于第二个问题,这个需要修改的人懂一些css就可操作,且已经有成熟的教程,不再重复说.
教程地址:http://bbs.ecshop.com/thread-94900-1-3.html 拜月小刀写的.

注:上述修改方法已经在官方发布的360模板上测试通过,如果有问题,可按照代码举一反三,依葫芦画瓢.

lionhit 不仅技术和实力一流,而且厚道。可惜我无法进行评分,这里给个大大的好评。强烈要求置顶。

你可以试一下这个360模板
  1. http://bbs.ecshop.com/thread-95439-1-1.html
复制代码

做个标记,LZ的精神值得学习。

学习了lz精神可嘉