您现在的位置是：首页 > cms教程 > Ecshop商城教程Ecshop商城教程
ecshop后台广告列表显示广告图片缩略图
夜蕾2024-01-01Ecshop商城教程已有人查阅
导读一、首先得找到ecshop后台_广告列表在哪个文件根目录-- admin -- templates既然是广告列表，那么肯定是ad开头……列表又是list
一、首先得找到ecshop后台_广告列表在哪个文件
根目录-- admin -- templates
既然是广告列表，那么肯定是ad开头……列表又是list
那就是是 ads_list.htm
打开ads_list.htm
打开找到 {foreach from=$ads_list item=list} ，这就是循环广告列表。
第3个td就是媒介类型
1.使内容垂直居中显示
2.媒介类型
3.判断当媒介类型为 图片 时，执行以下内容
4.用一个div包裹着图片，并给定这个div的大小，多出的就隐藏
5.因为后台上传图片的时候有两种方法
其一：直接写图片地址，于是就通过{$list.ad_code}获取图片路径
其二：上传图片，上传后的图片会出现在/data/afficheimg文件夹内，就得通过http://www.ebingou.cn/data/afficheimg/{$list.ad_code}获取图片路径
最后也给图片固定高度，就像是得到了图片的缩略图，其实就是把原图缩小了而已
好了，到这里就已经完成，刷新ecshop后台，查看广告列表
根目录-- admin -- templates
既然是广告列表，那么肯定是ad开头……列表又是list
那就是是 ads_list.htm
打开ads_list.htm
打开找到 {foreach from=$ads_list item=list} ，这就是循环广告列表。
第3个td就是媒介类型
<td align="left"><span>{$list.type}</span></td>
修改成：
<td valign="middle"><span> <div style="float:left;margin-right:10px;line-height:40px;">{$list.type}</div> {if ($list.type == '图片')} <div style="float:left;height:40px;max-width:200px;*width:200px;overflow:hidden;"> <img {if strpos($list.ad_code,'www') }src="{$list.ad_code}"{else}src="http://www.ebingou.cn/data/afficheimg/{$list.ad_code}" {/if} height="40px" /> </div> {/if} </span></td>
解释：1.使内容垂直居中显示
2.媒介类型
3.判断当媒介类型为 图片 时，执行以下内容
4.用一个div包裹着图片，并给定这个div的大小，多出的就隐藏
5.因为后台上传图片的时候有两种方法
其一：直接写图片地址，于是就通过{$list.ad_code}获取图片路径
其二：上传图片，上传后的图片会出现在/data/afficheimg文件夹内，就得通过http://www.ebingou.cn/data/afficheimg/{$list.ad_code}获取图片路径
最后也给图片固定高度，就像是得到了图片的缩略图，其实就是把原图缩小了而已
好了，到这里就已经完成，刷新ecshop后台，查看广告列表
感谢您的认可和支持
微信
支付宝
本文标签：
很赞哦！ ()
相关教程
图文教程
ecshop地区列表添加设置使用说明
ECSHOP地区列表设置。地区列表在后台的位置：ECShop 管理中心 -> 系统设置 -> 地区列表1、地区列表的添加2、地区列表的编辑3、地区列表的删除
ecshop虚拟商品虚拟卡编辑和使用方法
您可以按照“虚拟卡分类”、“品牌”、“推荐类型”、“关键字”(“虚拟卡名称”或“货号”的一部分)进行查询。可以使用某个条件或某几个条件的组 合进行查询。
ecshop商城不同分辨率调用不同CSS的方法
ECSHOP中,可能部分模板对浏览器的支持不够完善,我们可以用以下方法来解决!就是在不同的分辨率下,调用不同的CSS代码来解决!
ecshop广告位置的添加方法
我们都知道ecshop系统默认的广告位置非常的少，但是一个电子商务网站岂能离开广告？庆幸的是，ecshop预留了足够强大的组件让我们能够完全有可能实现任意我们想要广告位置，现在我们
相关源码
-
(PC+WAP)蓝色公司注册财务会计公证律师网站源码下载本模板基于PbootCMS内核开发，为财务会计事务所、律师公证机构等专业服务机构打造。采用自适应设计，确保在各类设备上都能呈现专业视觉效果，帮助机构建立值得信赖的线上形象。查看源码 -
(自适应手机端)seo博客网站模板新闻资讯网站源码下载本模板为SEO博客及新闻资讯类平台深度定制，采用PbootCMS内核开发。通过模块化设计实现多行业快速适配，仅需替换图文内容即可转型为医疗、教育、科技等领域网站。响应式布局确保在手机、平板等设备上获得一致浏览体验。查看源码 -
(自适应响应式)黑色LED显示屏户外广告屏网站源码下载这是一款基于PbootCMS内核开发的响应式网站模板，专门为LED显示屏及户外广告行业打造。模板适配各类显示设备，帮助企业快速搭建专业官网，展示产品与服务优势，有效提升品牌形象。查看源码 -
(自适应)绿色园林建筑花卉园艺艺术模板免费下载为景观设计及园艺企业打造的响应式网站框架，基于PbootCMS系统开发，帮助传统园林行业建立现代化数字展示平台。采用标准DIV+CSS前端架构，代码精简无冗余。查看源码 -
(PC+WAP)玻璃钢不锈钢钢材环保设备pbootcms网站模板采用PbootCMS内核开发的响应式网站模板，为玻璃钢环保设备制造、不锈钢钢材贸易企业设计，适配产品展示及企业服务场景。通过自适应技术实现PC与WAP端数据实时同步查看源码 -
(自适应)html5宽屏电线电缆材料加工制造类企业网站源码下载本模板基于PbootCMS系统开发，特别适合电线电缆、电缆材料及相关加工制造类企业使用。采用HTML5宽屏设计，能够展示各类电缆产品的技术参数和规格详情，帮助客户全面了解产品特性。查看源码
| 分享笔记 （共有 篇笔记） |
