官方微博: 腾讯  
首页 > ECSHOP教程 > ECSHOP模板教程 > ECSHOP后台管理修改 > ECSHOP后台广告列表显示广告图片缩略图

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

ECSHOP教程 / ecshop 教程网(www.ecshop119.com) 2014-06-27

一、首先得找到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.ecshop119.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.ecshop119.com/data/afficheimg/{$list.ad_code}获取图片路径

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

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

转载请注明:ECshop119模板屋-ECshop教程网(全国最专业的ECSHOP插件制作商-专业ECSHOP二次开发)

帮助目录

在线反馈

可以将问题或建议反馈给我们。

提交在线反馈

与网友交流ECSHOP开发修改。

加入QQ群交流