当前位置:首页 > CMS教程 > ecshop > 列表

ecshop头部任意位置增加调用广告实例

发布:smiling 来源: PHP粉丝网  添加日期:2014-12-06 15:03:34 浏览: 评论:0 

在ecshop中如果我们想在头部增加广告并不是很方便,虽然下面介绍地利用TemplateEndEditable比较快,但个人觉得还可以提升,下面我来分享一下.

相信大家在用ecshop的时候,也许会遇到一种情况,那就是想在一个地方插入广告,然后在后台设置这个广告的相关参数,那么怎么插入这个广告呢?下面来看一下代码吧.

  1. <!-- TemplateEndEditable --> 
  2. <!-- TemplateBeginEditable name="左边广告区域(宽200px)" --> 
  3. <!-- TemplateEndEditable --> 

把这个代码放到你要添加的广告位的模板,name这里的名称可以自己起的,然后在后台模板管理----设置模板---广告---添加一个,就可以看到啦,当然,前提是你的先添加广告位和广告.

那么除了上面办法还有没有更的好增加调用广告办法呢,我们首先来看一张效果图:

ecshop头部任意位置增加调用广告实例

这个效果你会在美乐乐官网上看到。

广告一、顶部是一个通栏的广告,但只有首页有,内页是没有的——我取名叫:顶部通栏广告

广告二、LOGO右侧有一张广告图片,是整个站都有——我取名叫:LOGO右侧广告(图上面打错一个字,就不改了哈)

先说下简单的首页“顶部通栏广告”,百度下ecshop首页顶部增加通栏广告位,你会发现好多教程,方法如下,找到 index.dwt 文件,在调用头部文件前:

<!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->

添加以下代码:

  1. <!-- TemplateBeginEditable name="首页_顶部通栏广告" --> 
  2. <!-- #BeginLibraryItem "/library/ad_position.lbi" --> 
  3. //开源软件:phpfensi.com 
  4. {insert name='ads' id=$ads_id num=$ads_num
  5.  <!-- #EndLibraryItem --> 

再在ecshop后台——广告管理中倒腾两下子就ok.

不错,这样也很好地解决了问题,如果想在其他页面也有这个广告位的话,在其他 dwt 文件调用头部文件前也添加上面代码,也能实现整站拥有.

再接着添加“LOGO右侧广告”,如果你还按照上面的方法做是行不通的,你会发现这个广告图片在page_header.lbi文件里.

而问题就出在这个lbi文件里,上面广告插入的方法就是引入一个ad_position.lbi文件,而在lbi文件里是不允许再引入lbi文件的.

这时大家各种想法,天马行空****还真有方法.

1、先以这个广告位作为分割线,图片以上的内容使用一个lbi文件,图片以后的使用另一个lbi文件,即把page_header.lbi一分为二。

2、在引入这两个lbi文件之间同时引入ad_position.lbi

不能说这个方法无效,的确可行,但你不觉得任务加重了好多吗???。。。

言归正传,今天前端开发博客为你提供在ecshop任意位置(头部,底部,中间)插入广告位的方法……

1、在ecshop后台__广告管理__广告列表及广告位置分别添加一个————LOGO右侧广告

2、查看 ad_position.lbi 文件,只有这一句代码:

{insert name='ads' id=$ads_id num=$ads_num}

ecshop前台获取广告位的机制就在这个 id 上——ID:广告位置ID——num:显示数量

3、会使用浏览器F12开发者工具的使用工具查看下_广告位置_广告位名称————LOGO右侧广告,代码为:

<span onclick="javascript:listTable.edit(this, 'edit_ad_name', 1)" title="点击修改内容" style="">LOGO右侧广告</span>

edit_ad_name后面的 1 即为这个广告位的 id

4、既然找到了 id 号,那就不使用 ad_position.lbi 而直接使用:

{insert name='ads' id=1 num=1}

insert即为插入的意思,id为1是因为这是我创建的第一个广告位,可使用F12查看.

5、在page_header.lbi适当位置写下如下代码:

{insert name='ads' id=1 num=1}

Tags: ecshop头部广告 ecshop调用广告

分享到: