Ecshop模板网
首页 > ecshop教程 > ecshop经验分享 > ecshop后台广告列表显示广告图片
文章详情

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

ecshop模板网 / 2013-11-06

上一篇文章介绍到在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="//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文件夹内,就得通过//www.zuimoban.com/data/afficheimg/{$list.ad_code}获取图片路径

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

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

效果图:

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

下一篇: 让ecshop文章列表以更新时间排序 上一篇: ecshop后台广告列表增加广告图查看按钮功能
 用户评论(共 1 条评论)
  • 匿名用户:厉害 ( 2015-04-15 18:03:34 )
用户名: 匿名用户 E-mail:
当前心情:
评论内容:
验证码: captcha
返回顶部 返回首页
 
QQ在线咨询
售前电话热线
#
售前QQ客服