您现在的位置是:首页 > cms教程 > Ecshop商城教程Ecshop商城教程

ecshop商品相册怎么获取大图地址显示商品大图

忆柳2023-11-21Ecshop商城教程已有人查阅

导读ECSHOP商品的相册功能很好,可是要切换到大相册才能看见缩略的大图,所以写出来和大家分享,步用编辑器打开商品详情页模板文件-----goods.dwt

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}-->

本文标签:

很赞哦! ()

相关源码

  • (自适应手机端)锁锁芯锁具网站pbootcms模板 智能防盗锁网站源码下载本模板基于PbootCMS系统开发,为智能锁具、防盗锁芯及相关安防产品企业设计。采用响应式布局技术,确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验,数据实时同步更新。查看源码
  • 自适应LED照明外贸灯具灯泡灯具英文网站模板该外贸灯具网站模板专为LED照明、灯具出口企业定制,采用PbootCMS内核开发,提供高效建站方案。通过响应式设计和SEO优化能力,帮助企业低成本构建专业外贸展示平台。查看源码
  • (PC+手机)帝国cms7.5漫画图片连载网站源码免费下载本模板基于帝国CMS7.5深度开发,为漫画阅读类网站打造。整体设计风格贴合漫画行业特性,界面布局充分考虑漫画作品的展示需求,支持多种漫画阅读模式。模板采用响应式设计,能够自动适配PC端和移动端设备,为读者提供流畅的阅读体验。查看源码
  • (自适应)绿色宠物门诊兽医行业网站模板该绿色清爽风格网站模板专为宠物门诊与兽医诊所设计,基于PbootCMS内核开发,采用响应式布局确保手机、PC等多端体验一致,帮助宠物医疗机构高效构建线上服务平台。查看源码
  • 响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板,同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型,显著降低建站成本。查看源码
  • (自适应响应式)法律咨询律师事务所法务pbootcms源码下载为律师事务所、法律咨询机构设计,特别适合展示法律服务、律师团队和成功案例。采用响应式技术,确保在不同设备上都能提供专业的法律信息展示和咨询服务。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐