模板结构

模板结构

 一套完整的模板是由若干个模板页面组成的,每个模板页由模板代码、系统级代码块和用户级代码块拼合而成。

1.模板代码:前台每个页面的模板代码页面。

2.系统级代码块:主要是一些重复使用的代码,不同模板都能使用,存储在/theme/system目录下。页面模板可通过{MOD:系统级代码块名称}。例如{MOD:Top}调用顶部通用模块

3.用户级代码块:单个模板分出的代码块,其它模板不能使用。调用方法同系统级代码块。

系统级代码块强烈建议用户不要自行修改,否则将影响模板的通用性。如在制作模板过程中需要修改某个系统级代码块的内容,可以通过在用户级代码块中添加同名块方式实现。标签{MOD:}以及块名称不区分大小写。

(1)编辑页面文件

后台管理-》页面-》模板管理

点击选项卡页面,找到编辑的页面文件进行编辑,下图以首页为例。

在页面内容中编辑模板代码,编辑完成后点击保存按钮,提交保存数据。

如图,我们看到页面内容首行{Layout:default},意思为页面使用default布局,布局代码可以在后台管理-》页面-》模板管理-》编辑模板-》布局选项卡中进行修改。

{AD:Index}为广告标签,广告标签可以在后台管理-》页面-》模板管理-》广告位中进行修改。

{MOD:BrandTop}为块代码,块代码可以在后台管理-》页面-》模板管理-》编辑模板-》块选项卡中进行修改,如果当前块中没有此块代码说明当前模板使用的块代码为系统级代码块,我们需要添加系统级代码块为用户级代码块后即可进行修改。

 

下图我们以添加{MOD:BrandTop}系统级代码块为用户级代码块为例。

1)点击页面选项卡,我们可以看到添加按钮,点击添加按钮。

2)填写块的名称BrandTop(名称需与系统级代码块名称一致),类型选择块,点击选择,出现系统模板浮动层,如果是PC模板,点击WEB选项卡,如果是手机模板,点击WAP选项卡,在列表中找到我们要添加的BrandTop.html代码块文件,点击选择按钮,系统会返回此系统级代码块的代码到页面内容中。

3)在页面内容中编辑好代码后,点击保存按钮按钮,提交保存数据。

切记我们不推荐直接修改系统级代码块,系统级代码块可以在后台管理-》页面-》系统模板-》Block中进行找到并修改。

修改页面、块、布局代码后,需要重新生成模板,以下两种方法任何一种均可。

1)点击生成主题按钮。

2)点击生成模板链接。

模板目录

1.系统目录(WEB):theme/system/

页面文件:theme/system/page/

块文件:theme/system/block/

布局文件:theme/system/layout/

样式文件:theme/system/css/

脚本文件:theme/system/js/

图片文件:theme/system/images/

2.系统目录(WAP):theme/system/wap/

页面文件:theme/system/wap/page/

块文件:theme/system/wap/block/

布局文件:theme/system/wap/layout/

样式文件:theme/system/wap/css/

脚本文件:theme/system/wap/js/

图片文件:theme/system/wap/images/

3.系统目录(后台):theme/system/systempage/

前台文件:theme/system/systempage/front/

布局文件:theme/system/systempage/front/layout/

页面文件:theme/system/systempage/front/page/

后台文件:theme/system/systempage/admin/

商家平台文件:theme/system/systempage/supplier/

文件夹功能与以上类似。

修改系统目录代码后需要点击系统刷新后生效。

4.用户模板:theme/自定义名称/

文件结构与系统目录的文件结构一致,默认情况下用户模板对应的下列文件夹中可能是没有文件的,系统自动从系统目录对应的文件夹读取,在我们需要对系统目录下的文件进行修改时,需要将系统目录下的文件复制到用户模板对应的文件夹下再进行修改。

系统目录下面的文件在每次系统升级时可能都会变更,所以不要在系统目录下直接修改文件。

页面文件:theme/自定义名称/page/

块文件:theme/自定义名称/block/

布局文件:theme/自定义名称/layout/

样式文件:theme/自定义名称/css/

脚本文件:theme/自定义名称/js/

图片文件:theme/自定义名称/images/

 

多语言版本的处理

LebiShop原生支持多语言,但是对于一套新的模板来说,要想完美支持多种语言就需要对不同的语言做不同的处理。

对于css样式表,可以编写一套主体样式为各个语言所通用,针对其它语言的特殊处理css代码,存储在模板样式表根目录,并以语言代码.CSS命名(如EN.css)即可。

对于JS文件的处理方式同CSS。如遇到需要进行翻译的词或句子可通过在处理语言JS文件中添加如下代码解决:

languagetags['操作成功 ']='Operation Successful';

languagetags['请等待 ']='Please Wart';

 

以上信息是否已解决您的问题?

是