您现在的位置是：首页 > 教程 > ecshop商城教程ecshop商城教程

ecshop后台广告列表显示广告图片缩略图

夜蕾2024-01-01 20:55:28ecshop商城教程已有4人查阅

导读一、首先得找到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后台，查看广告列表

本文标签：

很赞哦！ (1)

上一篇：ecshop后台导航修改教程说明

下一篇：ecshop的info: Can't Connect MySQL Server(localhost:3306)报错解决

暂无内容