一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 16:32:00 编辑:袖梨 来源:一聚教程网

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

 代码如下 复制代码



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

那么除了上面办法还有没有更的好增加调用广告办法呢。

我们首先来看一张效果图:

ecshop_header_ad

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

广告一、顶部是一个通栏的广告,但只有首页有,内页是没有的——我取名叫:顶部通栏广告
广告二、LOGO右侧有一张广告图片,是整个站都有——我取名叫:LOGO右侧广告(图上面打错一个字,就不改了哈)

先说下简单的首页“顶部通栏广告”
百度下ecshop首页顶部增加通栏广告位,你会发现好多教程,方法如下:

找到 index.dwt 文件,在调用头部文件前

 代码如下 复制代码



添加以下代码:

 代码如下 复制代码



{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右侧广告,代码为:

 代码如下 复制代码


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

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}

热门栏目