您现在的位置是：首页 > 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}-->

本文标签：

很赞哦！ ()

上一篇：ecshop商品列表不显示出现产品为空的修复方法

下一篇：ecshop首页显示新订单交易信息滚动的方法

图文教程

相关源码

(PC+WAP)压缩机离心风机红色机械设备营销型网站pbootcms模板基于PbootCMS开发的压缩机/离心风机专用模板，助力机械设备企业构建高效营销平台；模板可编辑压缩机参数表、风机性能曲线等专业展示模块查看源码
(自适应)个人图集图片相册画册pbootcms网站模板源码本模板基于PbootCMS系统开发，为图片展示类网站设计，特别适合个人作品集、摄影画册、艺术图集等内容展示。采用响应式布局技术，确保各类图片在不同设备上查看源码
(自适应)绿色LED灯具照明灯饰灯光灯泡pbootcms网站源码下载本模板基于PbootCMS内核开发，为LED照明、灯具制造及相关光电技术企业量身打造。设计充分考虑了照明行业的展示需求，从产品陈列到技术说明，从光源展示到工程案例，每一个细节都体现出专业照明行业的特点。查看源码
(PC+WAP)pbootcms模板黑色门窗定制五金建材网站下载为门窗定制与五金建材企业设计的网站解决方案，采用PbootCMS开发，兼具专业展示与营销功能。黑色系设计突显工业质感，响应式布局确保在手机、平板等设备上的浏览体验。通过简单的内容替换，也可适用于建材贸易、家具定制等相关行业。查看源码
(自适应响应式)瓷砖大理石装修建材类网站pbootcms模板html5模板本模板基于PbootCMS开发，针对瓷砖、大理石等建材行业特点进行优化设计。采用响应式布局技术，确保产品展示效果在不同设备上都能合理呈现。模板特别强化了石材纹理的视觉表现力，帮助建材企业更好地展示产品质感。查看源码
(自适应响应式)html5文章资讯新闻博客pbootcms网站模板下载本模板基于PbootCMS系统开发，为新闻资讯、博客类网站设计，特别适合各类文章内容的发布与管理。采用响应式技术，确保在不同设备上都能获得良好的阅读体验。查看源码