61套SHOPEX模板

精心收集的61套shopexecshop模板，一并打包免费下载，包括京东模版等。

精心收集的61套shopex ecshop模板，一并打包免费下载，包括京东模版等。。

通常情况下一个完整的shopex模板包括下面六部分：
模板路径是ShopEx48安装目录/themes/　进入到某一套模板目录中后，就可以看到该模板的目录和文件结构了

  模板结构

1 可重用部分，文件夹中存放着模板各页面的公用部分，扩展名为html，一般是模板的头部和尾部，这两个部分在整个站点中都是相同的，支持smarty语法　

2. 边框目录，扩展名为html，存放着边框文件，边框是版块的呈现样式，相当于版块的模板，支持smarty语法　

3 images目录，存放所有图片文件、css文件等　

4 *.html，框架文件，扩展名为html，决定了页面的布局和版块可摆放的区域，是页面的骨架

5 preview.jpg ，模板预览图片　

6 theme.xml，模板配置文件，包含模板信息、边框信息，版块配置信息等

theme.xml配置信息说明如下：

1 name， 模板名

2 id， 模板文件夹名

3 version， 模板版本

4 info， 模板描述

5 author， 模板作者

6 site， 模板网站

7 update_url， 模板升级地址

8 borders， 边框的描述，这里所列出的信息会被用在后台“修改版块”面板的“版块边框”下拉框中。borders的写法：key为显示在后台的下拉选项，tpl为各边框相对模板目录的边框路径。 config， 模板中定义的参数，例如一套变色模板，它的颜色可以作为参数写在config中，方便用户在编辑模板时修改。　

9 config的参数可在后台“模板配置”中修改。

theme.xml是整个模板中最重要的部分，所有模板的配置信息都是存在这个xml中的，包括板块的位置、配置信息，边框的信息等等。第一次加载模板时，theme.xml中包含的信息被读入数据库，即模板的初始化，之后用户便可以在可视化界面中进行板块的增删改和对原有的板块进行配置。配置信息保存在数据库中，用户可以通过导出模板来下载到最新的带配置信息的theme.xml，通过“恢复默认”来应用新的theme.xml。　首页对于一个购物网站来说比较复杂，内页的话相对简单，在ShopEx4.8中，内页都可以用一个框架default.html来表示。　页面的头部和尾部都是公用的，所以将它们分离出去，作为独立的html引用到各个框架页面中。　注意，头部head内必须有<{header}>标签，尾部必须有<{footer}>标签，用来输出程序附带的资源，否则内页的一些功能会出现错误。　以上面这个模板来说，页面中部布局分为左中右三栏，各栏内部是一些小的功能板块，这些板块的内容和功能是预置的，通过后台可视化编辑来配置。也就是说，ShopEx48模板的制作实际上较少涉及这些功能板块的内容，更多关心的是框架和边框的表现样式。实际制作过程中我们可以将这板块内容以低保真的形式，如图片或文字占位，留待以后细调。　首页框架对应的是index.html，代码的写法和平常的html文件是相同的。框架同时也支持smarty语法，写法是 <{smarty语句}>。　如上图的index.html源码是：　<{require file="block/header.html"}>　<div id="AllWrap" class="clearfix">　<div class="span-5 cut">　<{widgets id="l1"}>　</div>　<div class="span-13 cut">　<{widgets id="m1"}>　</div>　<div class="span-6 trim cut">　<{widgets id="r1"}>　</div>　</div>　<{require file="block/footer.html"}>　代码中可以看到，框架的源码很简单，只做布局，头尾都做独立的html引用。