源于生活

标题: iwebshop模板开发 [打印本页]

作者: kevin-ying    时间: 2015-4-29 22:52
标题: iwebshop模板开发

iWebShop 前端文件统一放置在程序根目录下的views 目录下,层次模型图:

[attach]918[/attach]

[attach]919[/attach]

      根据上述两张树状图我们可以很清晰了解整个shop的前端文件存放位置,shop系统中默认的主题和皮肤名称都是default。主题的组成:布局模板,普通模板,主题相关的javascript,皮肤。皮肤的组成:CSS,图片,皮肤相关的javascript。如果要新建主题或皮肤只需要在指定的目录位置中新建文件夹即可(文件夹名称就是方案的名称),系统允许存放多个主题,且每个主题又可以拥有多套皮肤,在网站运行时可以从中选择一种主题和一种皮肤进行使用。

       由于网站的控制器功能模块没有区分网站的前台和后台,所以主题和皮肤必须同时对应前后台,这也就是意味着用户可以自由修改网站后台的样式。新shop的模板分为两种类型:布局模板(layouts)和普通模板。可以简单的理解为共性化的公共模板和个性化的局部模板,对于一个网站来说,很多页面的head(网站头部,包括导航,广告,引入的js,css等)和foot(网站底部,包括备案信息)往往都是相同的,不同的是页面的主体部分,针对这种情况,shop的页面在绝大部分情况下采取布局模板和普通模板拼接组合而成(有些特殊情况可以没有布局)。布局模板的创建有利于模板代码共用,更便于模板的升级与维护,所以合理的使用布局是很重要的。


作者: kevin-ying    时间: 2015-4-29 22:53
修改iWebShop商城首页模板头部

模板文件夹位置:/views/default/site/
在里面你很容易找到各个页面、版块的模板
其实在/site/里面的index.html不是首页的完整模板,只是去除head和footer以外的模板部分
iWebShop完整的首页模板位置:/views/default/layouts/site.html
这个才是完整的首页模板,这下你想怎样改就可以怎样改了。






欢迎光临 源于生活 (http://bbs.vingoo.info/) Powered by Discuz! X3.1