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后台广告列表增加广告图查看按钮功能

(0)

相关推荐