iwebshop模板开发 基础

kevin-ying

• 目的是做个简单的商城，需要定制模板。
• 原来是想用shopxp，足够用了，但是安全性的问题，放弃。
• 选php的，就选个精简的系统，省得做完了自己都没看懂。
• 于是以前改过的iwebshop又搞出来了。
• 开始改吧。
  
  

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

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

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

kevin-ying

修改商城iWebShop首页模板头部

强烈建议：准备使用iWebShop的同学朋友们（如果你正在使用了那就不看建议吧），建议你还是换使用国内主流商城程序ecshop、shopex，或者国外商城程序Magento、Zencart、osCommerce，它们都是很优秀的，免费模板也很多，修改二次开发也都很方面，ecshop与国外的商城程序是完全开源，shopex是半开源。  【如果你在使用过程中遇到什么问题，可以联系我，我会尽量帮你解决】

今天在给一个朋友修改他的商城，一看发现是个我还没有玩过的商城iWebShop系统，看到新东西肯定有新鲜感，觉着有意思，然后给他修改过程中遇到了一个小问题，修改iWebShop head部分，想在iWebShop头部添加一个层写几个字，找到他的模板目录了，却找不到单独的头部文件，index模板里面只有首页的主体main部分，不包含head 和 foot（footer），去iWebShop官方论坛查！官方论坛也没有相关问题，其模板开发制作帮助文档里面也没有提到。唉……那就只有自己找咯。

iWebShop模板修改帮助：

进入iWebShop程序你第一眼还真发觉不了模板文件夹是哪个，不过这个他的官网论坛有告知

模板文件夹位置：/views/default/site/

在里面你很容易找到各个页面、版块的模板

其实在/site/里面的index.html不是首页的完整模板，只是去除head和footer以外的模板部分

iWebShop完整的首页模板位置：/views/default/layouts/site.html

这个才是完整的首页模板，这下你想怎样改就可以怎样改了。