官方微博: 腾讯  
首页 > ECSHOP教程 > ECSHOP模板教程 > ECSHOP商品详情页修改 > ECSHOP商品相册获取大图地址显示商品大图

ECSHOP商品相册获取大图地址显示商品大图

ECSHOP教程 / ecshop 教程网(www.ecshop119.com) 2013-06-29

ECSHOP商品的相册功能很好,可是要切换到大相册才能看见缩略的大图,所以写出来和大家分享,

第一步用编辑器打开商品详情页模板文件-----goods.dwt

    在<head></head>之间添加:
    <script type="text/javascript"> 
      function change_img(img_src)
     {  document.getElementsByName("goods_img")[0].src=img_src; 
     } 
     </script>

 然后定位到:(我在实际操作中这步省略了也可实现效果)

    <img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}" >  
    把它修改为 
    <img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}"
    name="goods_img" width="250" height="250"/> 

 

第二步--用编辑器打开商品相册库文件-----goods_gallery.lbi 找到

    <!-- {foreach from=$pictures item=picture}-->
      <li><a href="gallery.php?id={$id}&img={$picture.img_id}" target="_blank">
    <img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}
    {/if}" alt="{$goods.goods_name}" class="B_blue" /></a>
     </li> 
    <!--{/foreach}-->

改为

    <!-- {foreach from=$pictures item=picture}-->
    <li><a href="gallery.php?id={$id}&img={$picture.img_id}" target="_blank">
    <img src="{if $picture.thumb_url}{$picture.img_url}{else}
    {$picture.img_url}{/if}" alt="{$goods.goods_name}"
     class="B_blue" onmouseOver="change_img(this.src)" /></a></li> 
    <!--{/foreach}-->

转载请注明:ECshop119模板屋-ECshop教程网(全国最专业的ECSHOP插件制作商-专业ECSHOP二次开发)

帮助目录

在线反馈

可以将问题或建议反馈给我们。

提交在线反馈

与网友交流ECSHOP开发修改。

加入QQ群交流