相信大家在用ecshop的时候,也许会遇到一种情况,那就是想在一个地方插入广告,然后在后台设置这个广告的相关参数,那么怎么插入这个广告呢?下面来看一下代码吧。
代码如下 | 复制代码 |
<!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="左边广告区域(宽200px)" --> <!-- TemplateEndEditable --> |
把这个代码放到你要添加的广告位的模板,name这里的名称可以自己起的,然后在后台模板管理----设置模板---广告---添加一个,就可以看到啦,当然,前提是你的先添加广告位和广告
那么除了上面办法还有没有更的好增加调用广告办法呢。
我们首先来看一张效果图:
这个效果你会在美乐乐官网上看到。
广告一、顶部是一个通栏的广告,但只有首页有,内页是没有的——我取名叫:顶部通栏广告
广告二、LOGO右侧有一张广告图片,是整个站都有——我取名叫:LOGO右侧广告(图上面打错一个字,就不改了哈)
先说下简单的首页“顶部通栏广告”
百度下ecshop首页顶部增加通栏广告位,你会发现好多教程,方法如下:
找到 index.dwt 文件,在调用头部文件前
代码如下 | 复制代码 |
<!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem --> |
添加以下代码:
代码如下 | 复制代码 |
<!-- TemplateBeginEditable name="首页_顶部通栏广告" --> <!-- #BeginLibraryItem "/library/ad_position.lbi" --> {insert name='ads' id=$ads_id num=$ads_num} |
再在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} |