Magento网店自定义模板初探(1)——文件夹结构

Magento是个很强大的php网店建站系统。它将模块与结构皮肤分离得相当清晰,为建站提供很大的灵活性和定制性。但是这点也造成了它上手困难的缺陷。可以说不看相关文档会觉得一头雾水,除了CSS根本不知道上哪里去改HTML结构和修改模块的位置。我使用的是1.6.2.0版。

官方模板设计说明文档:Magento Designer's Guide 下载>>>

官方的这份文档并不是那么容易阅读,我还参考了一下《制作你自己的Magento主题》一文。

不过此文虽好,已是03年前的东西。Magento在后台的管理以及一些文件结构上都有些变化,你可能照着此文去做的话,找不到你想要的东西。但是作为辅助理解官方文档的资料还是相当不错的。

好了,下面以我的理解来诠释一下。

用到的文件结构

官方文档上花了很大篇幅来介绍其文件夹结构,可见理解它是多么重要。不过我觉得丫说得忒繁琐了点。。。

作为一个前端设计者,我们会用到的只有一下两个文件夹(其他的都不用你管):

  • \app\design\frontend\
    所有的Module结构逻辑和布局逻辑都在这个文件夹里面哦!
  • \skin\frontend\
    你的CSS和CSS用到的图片都在这里哦!

好,我们再来细细分析这两个文件夹中的子文件夹的作用。

  • \app\design\frontend
    • \base
      存放构成系统最基础的结构。该文件夹的内容极其重要,不能修改和删除。这点会在后面有更详细的说明。
      • \base\default\etc 这个文件夹目前还没搞清楚到底作何用处。。。里面只有一个widget.xml
      • \base\default\layout 用xml文件来存放页面的布局
      • \base\default\template 所有module的HTML和内部逻辑都被单独抽离出来以单独的文件夹分别存放
    • \default
      系统默认使用的主题结构。默认包含blank/default/iphone/modern四个主题。
      • \default\default(iphone, modern, or etc.)\locale 用于替换网站的语言版本
  • \skin\frontend
    • \base
      同上,是存放构成系统最基础的CSS样式。该文件夹的内容极其重要,不能修改和删除。这点会在后面有更详细的说明。
      • \base\default\css 存放CSS样式
      • \base\default\images 存放CSS内使用的图片
      • \base\default\js 存放javascript文件
    • \default
      系统默认使用的主题样式。默认包含blank/default/iphone/modern/blue/french/german四个主题。内部结构跟base文件夹类似。

可以看到,这两个文件夹内的文件结构很相似,名称几乎都是一样的,但是不要因此认为它们是有对应关系的。这点在官方文档中重点强调了。它们之间没有对应的关系。

skin文件夹的结构同ASP.NET的App_Theme主题文件夹一样。另外,enterprise版本和communite版本的Magento的文件夹结构会稍有不同。

posted @ 2012-03-15 13:22  Jennie Ji  阅读(210)  评论(0编辑  收藏  举报