«返回模板堂首页
ShopEx模板包基础框架生成器
Powered by
ShopEx UED Team
模板基本信息配置(theme.xml)
模板中文昵称:
为你的作品命名一个个性十足的名称吧.
模板英文名称:
最好是小写字母，无下划线，无空格.
模板包版本:
良好的版本标识习惯有利于模板发布平台的管理.
模板作者:
作者昵称.
模板网址:
作者网站.
模板挂件边框代码HTML片段
什么是挂件边框？
什么是挂件边框？
知道了!关闭
边框是在模板挂件挂进到模板widgets区域时的外包装，可以在模板包内预先设置几组常用的模板边框代码，方便在进行模板可视化编辑时选择其用于挂件的边框。
html代码如：
<div class="mod border-1 <{$widgets_classname}>" id="mod-<{$widgets_id}>"> <div class="mod-top"> <{$title}> </div> <div class="mod-body"> <{$body}> </div> <div class="mod-foot"> </div> </div>
以上代码中：<{$widgets_classname}>、<{$widgets_id}>、<{$title}>是php smarty模板变量，会分别调用可视化编辑中设置 挂件className、id、模块标题，<{$body}>会调用挂件(widgets)的内容。
边框名称：
边框文件路径：
模板包目录/
/
边框名称：
边框文件路径：
模板包目录/
/
删除
边框名称：
边框文件路径：
模板包目录/
/
删除
边框名称：
边框文件路径：
模板包目录/
/
删除
增加一个边框+
模板资源文件路径
资源文件夹：
模板包目录/
一般把资源文件放到模板包的images文件夹，为了各版本模板引擎兼容性，建议不做修改。
模板样式文件名：
模板包目录/images/
模板的样式文件
模板包ＶＩＥＷ层（公用）
<{header}>、<{footer}>、<{main}> 标签 是系统级资源的输出变量。
<{widgets id="w01"}> 标签是为挂件预留、可被挂入挂件的区域,也可以称作挂件槽、坑。.需要为其设置一个属性，最好是唯一的！
公用文件文件夹：
模板包目录/
公用头部HTML (模板包目录/block/header.html)
<!DOCTYPE html> <html> <head> <{header}> <!--这里的images/style.css相对于模板包，系统会自动把这样的相对写法替换为绝对路径--> <link rel="stylesheet" type="text/css" href="images/style.css" /> <head/> <body> <div id="body" class="body"> <div id="header" class="header"> <div class="container"> <div class="top clearfix"> <div class="logo flt"> <{widgets id="w01"}> </div> <div class="topbar frt"> <{widgets id="w02"}> </div> </div> <div id="nav-main" class="nav-main"> <{widgets id="w03"}> </div> </div> </div>
公用底部HTML (模板包目录/block/footer.html)
<div id='footer' class="footer"> <div class="container"> <div class="link-list clearfix"> <div class="span-auto item"> <{widgets id="w04"}> </div> <div class="span-auto item"> <{widgets id="w05"}> </div> <div class="span-auto item"> <{widgets id="w06"}> </div> <div class="span-auto item"> <{widgets id="w07"}> </div> </div> <div class="copyright"> <{widgets id="w08"}> </div> <div class="sys-copyright"> <{footer}> </div> </div> </div> </div>
模板ＶＩＥＷ层
首页ＨＴＭＬ (模板包目录/index.html)
<{require file="block/header.html"}> <div id="main"> <div class="container"> <div class="side-l span-5"> <{widgets id="w001"}> </div> <div class="content span-16"> <div class="content-ad"> <{widgets id="w002"}> </div> <div class="content-list"> <{widgets id="w003"}> </div> </div> </div> </div> <{require file="block/footer.html"}>
其他默认页ＨＴＭＬ (模板包目录/default.html)
<{require file="block/header.html"}> <div id="main"> <div class="container"> <div class="side-l span-5"> <{widgets id="w0001"}> </div> <div class="content span-16"> <div class="content-header"> <{widgets id="w0002"}> </div> <{main}> <div class="content-footer"> <{widgets id="w0003"}> </div> </div> </div> </div> <{require file="block/footer.html"}>
生成的模板包，可以直接下载下来做一定完善后，导入ShopEx模板管理后台进行可视化操作布局