ecmall 挂件及模板解释
摘自:红色幽默
ecmall是国内不错的商城系统,简单傻瓜,适合国内人的使用习惯;
但自从2.0以后,没有专门的广告系统,对于中小网站来说,是个苦恼。
刚好csxfc mall需要添置广告位,看了一下官方挂件的说明,决定自己动手改一个吧。
第一步:
了解首页模板结构
首页文件结构 | include hearder.html | 包含的头文件,其中包含top logo区域 |
<div class=”keyword”>…</div> | 搜索栏区域 | |
<div class=”content”>…</div> | 第一个是内容区域,包含左,右区域,右区域又划分为中和右区块 | |
<div class=”ad_banner” area=”banner” widget_type=”area”>…</div> | 通栏广告区域 | |
<div class=”content”>…</div> | 第二个是下部区域,同样是左右区域,一般放置分类和产品混排模块 | |
<div class=”content” area=”bottom_down” widget_type=”area”>…</div> | 底部友情链接区域 | |
include footer.html | 包含的底部文件,主要包含版权信息 |
弄明白template结构后,添加挂件区域就方便多了。
导航下方通栏广告通常是网站的黄金位置,但是默认没有,于是我在<div class=”keyword”>…</div>下方添加一个div区域,如下
<div class=”ad_banner” area=”nav_banner” widget_type=”area”>…</div>
想添加别的区域也很容易,但是要考虑布局是否会破碎,最好是先研究theme下css的设置。
第二步:
进入商城系统external/widgets目录下,会看见默认已经自带很多插件,将image_ad下载下来,重命名为xxx_ad或者是好记的名称
目录结构 | config.html | 后台管理模板时设置挂件页面 |
widget.html | 首页模板中挂件html代码片段页面 | |
main.widget.php | model源码文件,包含对挂件类的建模 | |
widget.info.php | 定义挂件的数组信息 |
修改widget.info.php中挂件信息,数组array[name]要与挂件目录名相同
第三步:
修改main.widget.php文件中class XXX extends BaseWidget 类
- _get_data()函数是获取图片地址和链接
- parse_config($input)函数是后台设置时返回图片地址
- _upload_image()是图片上传函数
第四步:
config.html是后台管理插件时html代码文件,基本不用动,widget.html文件根据自己模板和css设定修改,例如修改div class,是否显示链接等等。
最后,基本上简单的广告挂件完成,将添加自定义区域的index.html和挂件目录上传。
最最后,然后在后台编辑模板,将挂件加入模板中新添加的区域中,设置后即可,能看见没,看不见就是人品问题,哈哈。