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

上一篇文章介绍到在ecshop广告列表增加查看广告图按钮， 这次直接让广告图以小图的形式显示在广告列表。

一、首先得找到ecshop后台_广告列表在哪个文件

根目录—— admin —— templates 这个就是ecshop后台的文件喽
既然是广告列表，那么肯定是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.zuimoban.com/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.zuimoban.com/data/afficheimg/{$list.ad_code}获取图片路径

最后也给图片固定高度，就像是得到了图片的缩略图，其实就是把原图缩小了而已

好了，到这里就已经完成，刷新ecshop后台，查看广告列表……

效果图：

下一篇: 让ecshop文章列表以更新时间排序 上一篇: ecshop后台广告列表增加广告图查看按钮功能