服务Q Q:75303307

网站优化

网站建设

工作时间:周一至周五:8:30-6:00 周六、日:9:00-5:00

技术点滴

您的位置:主页 > 新闻观点 > 技术点滴 > 详细内容>

ecshop商城网站模板制作知识

2012-04-26 22:35 作者:淄博网站建设 [ ]

最近淄博企业在线制作了几个基于ecshop的商城网站建设,对ecshop的模板机制有了更深的了解,以下是关于ecshop模板的心得:

在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 管理员后台的模板管理->设置模板里面可以看到以下这个ecshop模板机制 - crazyhut - RUNNING的博客

可以看到上面的默认选择了首页模板,假如当你将 商品分类树 选择为右边主区域 点击确定之后 清楚缓存,在刷新首页这是你会发现,原来的 商品分类树 从左边跑到右边了。在上面的下拉框中我们看到只有三个选择,右边主区域,左边主区域,广告位,如果你想多加几个选项,那么很简单,只要你在你要改的模板内多加上几个就行了,假如你要在index.dwt模板添加   “左上角主区域”,和“右下角主区域”,那么你可以在index.dwt 里面加入

<!-- TemplateBeginEditable name="左上角主区域" -->
<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="右上角主区域" -->
<!-- TemplateEndEditable -->

这是你再到后台,模板设置里面看首页的选项中就有这个选项

ecshop模板机制 - crazyhut - RUNNING的博客

 

下面我来讲解一下怎么制作自己的模板, 我拿index.dwt为例, 首先在\themes\default\下将index.dwt文件拷贝一份改名为home.dwt在<body>里面加一句话 "这是自己定义的home.dwt模板" 以方便调试, 同样在根目录下的index.php文件拷贝一份改名为home.php里面加一行 echo '这是自己定义的home.php'; 代码以便调试 同时把$smarty->display('index.dwt', $cache_id);改为$smarty->display('home.dwt', $cache_id);然后 清楚缓存 在浏览器通过http://localhost/ecshop/home.php执行你会发现这个页面跟首页一样,只是多了一段 "这是自己定义的home.php 这是自己定义的home.dwt模板" 文字。 当然home.php 和home.dwt 文件里面的内容可以自己定义.
当你再到后台模板管理->设置模板 里面的 选择模板下拉框选项中没有你加的home模板,这时你就要在\admin\includes\lib_template.php里配置一下。在代码”$template_files = array('index.dwt', “ 加上你的模板”$template_files = array('home.dwt','index.dwt',“ ,告诉系统有home.dwt这么一个模板,其次在$page_libs = array( 这个二位数组里面的 'index' => array( 这个数组拷贝一份,改名为home ,意思就是告诉系统你这个home模板里面可以导入哪些.lbi文件.这点配置还不够,你还要在\languages\zh_cn\admin/template.php语言包里面加一行$_LANG['template_files']['home'] = 'Myhome模板';代码.然后你再到后台模板管理->设置模板可以看到如下结果

ecshop模板机制 - crazyhut - RUNNING的博客
  
你会发现下拉框中多了一个Myhome模板选项,当你点击旁边的确定按钮时会报错,这是因为你还有一个xml文件没修改,打开themes\default\libs.xml文件,将 <file name="index.dwt"> 节点内的代码拷贝一份把节点名改为<file name="home.dwt">这时你再来重复上次的操作点击旁边的确定,就不会报错了。

接下来我们制作.lbi库文件
首先我们在\themes\default\library\目录下新建一个home.lbi文件 里面输入"这是我自的lbi文件"然后在\admin\includes\lib_template.php文件里面,你刚才新加的'home' => array(home数组里面 添加你的home.lbi 既在这个数组末尾加'/library/home.lbi' => 0 同样像修改模板一样在\languages\zh_cn\admin\template.php 里面加入一行 $_LANG['template_libs']['home'] = 'Myhome库文件'; 代码 这时你到后台 模板管理->库项目管理 你就会发现刚刚你加的库文件出来了。

ecshop模板机制 - crazyhut - RUNNING的博客


里面代码可以自己修改

这时候你再到 模板管理->设置模板->选择Myhome模板 确定后,下面可以发现你要编辑的lbi出来了,ecshop模板机制 - crazyhut - RUNNING的博客

默认是非可编辑区库文件如果你要变为可选择项那么你可以到\themes\default\libs.xml文件里找到刚才你加的   <file name="home.dwt"><region name="左边区域">里面加上<lib>home</lib>你再回来看就可以了。记得要把后面对应的显示复选框勾选上,否则你保存不了你的选择。

这时你再来访问http://localhost/ecshop/home.php 你会发现 "这是我自的lbi文件" 文字出来了。

ecshop模板机制 - crazyhut - RUNNING的博客

另外需要补充一下的

遵循如下3步骤
     1 在library 里面新建 lbi 文件,比如 phpsir.lbi , 请设置 777,到后台库项目里面就能看到和可以编辑 phpsir.lbi
     2 修改 admin/includes/lib_template.php 里面的 $page_libs 变量
     3 在 libs.xml 里面找对应模板dwt文件,里面写入 <lib>phpsir</lib>

到后台模板设置,就可以调整此块内容居于左右位置了

 

关于ecshop的广告设置

一、模板机制介绍
ECSHOP模板机制是在模板文件.dwt里面设置了可编辑区域如下:
<!-- TemplateBeginEditable name="左边区域" -->

<!-- TemplateEndEditable -->

程序通过操作可编辑区域,可以在模板文件.dwt里面插入某一个库文件.lib
如:
<!-- TemplateBeginEditable name="KICSHOP广告01" -->

<!-- TemplateEndEditable -->
可编辑区域名字任意起,前提是在同一个模板文件里不能有重名的。

可编辑区域可以在.dwt文件里任意添加多个。不过不能嵌套,也不能在库文件里添加可编辑区域啊。切记!!

每添加一个广告,需要模板文件.dwt里面有一个可编辑区域,以便程序操作在里面插入广告库文件ad_position.lbi

二、广告添加
上面讲了可编辑区域,大家应该明白,要想在页面中添加一个广告位,就必须要求对应的模板文件里面必须已经有相应的可编辑区域了。
下面再来说下添广告了: