您现在的位置是:首页 > 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就是媒介类型
<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后台,查看广告列表

本文标签:

很赞哦! ()

相关源码

  • html5响应式pbootcms模板新闻资讯博客网站源码该模板采用PbootCMS内核开发,专为新闻资讯类网站打造,同时具备高度行业适配性--只需替换图文内容即可快速转型为企业官网、行业门户等各类站点。查看源码
  • (响应式)蓝色智能摄像头安防防盗电子设备免费pbootcms源码下载这是一款针对智能安防行业特点设计的网站模板,采用蓝色系配色方案,体现科技感和安全性。模板包含产品展示、解决方案、技术支持和新闻中心等核心模块,能够全面展示智能安防设备的技术特点和行业应用。查看源码
  • (自适应响应式)黑色酷炫高端数码摄影pbootcms网站模板源码本模板基于PbootCMS开发,为摄影工作室、个人摄影师及摄影爱好者设计。采用深色系风格,突出摄影作品展示效果,适配各类数码设备浏览。适用于作品集展示查看源码
  • (自适应)宽屏农业机械农耕设备类网站pbootcms模板免费下载为农机企业打造的现代化响应式网站模板,自动适配电脑、平板和手机,浏览体验一致,独立页面SEO设置,提升搜索引擎可见度。查看源码
  • (PC+WAP)蓝色玻璃纤维制品环保设备营销型pbootcms模板源码下载这是一款针对玻璃纤维行业特点设计的网站模板,采用蓝色系配色方案,体现工业感和环保理念。模板包含产品中心、应用案例、技术支持和新闻动态等核心模块,能够全面展示玻璃纤维制品的技术参数和应用场景。查看源码
  • (自适应)绿色宠物门诊兽医行业网站模板该绿色清爽风格网站模板专为宠物门诊与兽医诊所设计,基于PbootCMS内核开发,采用响应式布局确保手机、PC等多端体验一致,帮助宠物医疗机构高效构建线上服务平台。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐