边框制作

边框是ShopEx模板机制的特色之一。

在一个页面当中,往往很多部分都有相同的设计元素和设计风格,我们正式考虑到了这一点,让开发者在模板里制作的东西,能够一次制作,多次使用,所以引入了边框机制。

其实边框就是最大限度的利用了风格重用机制。

好,接下来,我们就进入边框制作过程,制作一个文章列表的边框:

在border文件夹里新建"notic_border.html"文件(注意编码格式 utf-8)。编辑如下代码:

<div class="notice_border <{$widgets_classname}>" id="<{$widgets_id}>">
	<div class="border-top"><h3><{$title}></h3></div>
	<div class="border-body"><{$body}></div>
</div>

这样我们就比较好理解了:

border-top部分控制好"$title"的样式

border-body部分控制好"$body"的样式

其中"<{$widgets_classname}>"和"<{$widgets_id}>"就是用户在可视化编辑里可以手动编辑的class和id,而"<{$title}>"则是板块标题部分

随后我们在theme.xml和info.xml两个文件里关联一下"notice_border.html"这个文件:

到此时,我的可视化编辑里,依然没有我这个边框...怎么会这样????

难道我练九阳神功走火入魔了???

呵呵,别急,神功即将大成,磨练总归要的!

您在制作好边框后,需要在后台的模板管理 > 模板列表中点击模板备份按钮,先备份依次,然后再重新应用刚才备份的模板一次

然后在可视化编辑里,你的边框就能生效。

序言·神功入门
产品模板制作区别
模板机制概括
模板开发环境/流程
模板速成篇
上卷·ShopEx48模板开发
Html规范
Css规范
Javascript规范
模板制作
边框制作
简单的smarty语法
下卷·EcStore1.2模板开发
机制更新/申请SDK开发包
模板级挂件
精确选择商品接口
模板级页面拦截
边框机制的开启与隐藏
Mootools框架及效果实例
结尾·模板堂平台
模板堂平台介绍
申请成为模板开发者
开发者服务协议
模板定制服务
模板审核规范
EDM模板制作规范
开发者认证/分成/违规