经常可以看到ecshop的dwt文件里面有“<!-- TemplateBeginEditable name="doctitle" -->和<!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->”这么一段代码,有很多朋友误认为只是注释代码，这里首先来介绍一下#BeginLibraryItem这段代码。可以看到后面有“page_header.lbi“这个.lbi文件是一个库文件，打开后发现里面就是一些html代码，index.dwt为模板，那么这个.lbi可以理解为模板index.dwt的子模板，.lbi专门供别的的dwt模板导入的子模板. 那么 TemplateBeginEditable这个又是干什么用的呢？ 很多人知道这个是可编辑区域的意思，意思就是在TemplateBeginEditable 和 TemplateEndEditable之间的位置是可编辑区域，具体的我们来举个例字。首先我们到ecshop 管理员后台的模板管理->设置模板里面可以看到以下这个
可以看到上面的默认选择了首页模板，假如当你将 商品分类树 选择为右边主区域 点击确定之后 清楚缓存，在刷新首页这是你会发现，原来的 商品分类树 从左边跑到右边了。在上面的下拉框中我们看到只有三个选择，右边主区域，左边主区域，广告位，如果你想多加几个选项，那么很简单，只要你在你要改的模板内多加上几个就行了，假如你要在index.dwt模板添加 “左上角主区域”，和“右下角主区域”，那么你可以在index.dwt 里面加入
<!-- TemplateBeginEditable name="左上角主区域" -->
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="右上角主区域" -->
<!-- TemplateEndEditable -->
这是你再到后台，模板设置里面看首页的选项中就有这个选项