magento模板文件结构详解

模板文件主要分为xml布局文件和html文件

 

​ 制作Magento模板前对Magento模板结构的了解是很重要的。
Magento模板分布在两个地方:
一个是skin\frontend\default\YourTemplate包含CSS样式及图片
另一处是:app\design\frontend\default\YourTemplate负责模板布局、调用内容区块。

我们以default这个模板为例(接下来都以这个模板为例),我们分别打开skin\frontend\default和app\design\frontend\default
你会发现在这两个文件夹下都有个default的文件夹,这两个就是默认的模板文件. 
如果你有个YourTemplate模板,那在这两个文件夹下都会有个YourTemplate文件夹。
打开skin\frontend\default\default,里面有css、images、js。这个不用多做解释了吧,相信看到了就是知道是什么东西了。
打开app\design\frontend\default\default,里面有layout、locale、template、etc。
1、layout里面都是xml文件,主要是用来控制网页布局和模块定位,在Magento模板制作中有相关介绍,这里就不多说了。
2、locale里面放的是语言包。
3、template里面放的是各个模块及模板页。
Magento模板主要就是这些东西,下面我讲下模板的打包。
在了解Magento模板结构后,这个就很简单了:skin\frontend\default\YourTemplate与app\design\frontend\default\YourTemplate,
这两个打包压缩就可以了。放到你需要这个模板的网站上,然后到后台更改下,就可以用了。

 

Layout(布局)文件夹存放的是此模板的.xml文件(也就是模版的结构文件),template是.phtml模板文件。
xml文件全部在:app\design\frontend\base\default\layout
phtml文件以及文件夹全部在在:app\design\frontend\base\default\template
–  catalog.xml 这个是控制产品列表页和产品详细页的对应于template\catalog 这个文件夹的所有phtml内容。
–  catalogsearch.xml 这个是控制搜索的,有模板头部的搜索框,高级搜索,以及搜索结果页面。对应于template\catalogsearch这个文件夹里的所有phtml文件。
–  checkout.xml 控制结账相关页面,如购物车页面,购物车在边栏的siderbar,结账流程页面。对应于template\checkout文件中的内容。
–  cms.xml 这个既然名字是CMS,所以如果后台的某个cms的static page页面或者自己想自己写个phtml的block想以siderbar的形式出现在模板边栏中,为为甚么不在这个文件中声明下呢。 对应的文件夹template\cms。
–  contacts.xml 控制联系我们页面,想改这个页面的结构,从2栏换到1栏,就要修改这个文件了,对应于template\contacts文件夹。
–  customer.xml 控制登陆,注册,忘记密码,用户面板页面。用户面板的左侧的链接就是这里添加上的。对应于template\customer文件夹。
–  directory.xml控制货币相关内容,默认在左栏显示的货币下拉菜单就是在这个文件控制的,对应于template\directory文件夹。
–  downloadable.xml是相关于可下载产品的相关内容,如用户面板页面左栏的链接,可以在这个文件中删掉。对应于template\downloadable。
–  newsletter.xml控制订阅邮件的xml,左栏的订阅就是在这个文件控制。对应于template\newsletter文件。
–   page.xml这个是很重要的xml,首先他定义了magento默认的页面结构,控制所有页面默认加载的js以及css文件,定义不同页面结构加载 不同的模板文件,等等。对应于template\page,此文件夹页非常重要,包含magento头部,中间部分,底部的模板文件。包含magento 所有页面的基础框架文件。
–  poll.xml控制投票在边栏的显示,对应文件template\poll
–  reports.xml控制最近查看和比较产品在边栏的显示,对应文件template\reports
–  sales.xml 前台订单显示的相关内容,大多是相关于在用户面板页的“我的订单”里的内容。对应文件template\sales
–  sendfriend.xml控制产品发送好友共享功能,发送好友页面的结构。对应文件template\sendfriend
–  shipping.xml订单运输的相关内容,对应文件template\shipping
–  tag.xml控制产品标签的相关内容,用户面板的标签,产品详细页的标签,边栏的标签。对应文件template\tag
–  wishlist.xml控制我的收藏相关功能,用户面板的收藏,发送收藏到好友,magento头部的我的收藏的链接也是在这个文件控制的。对应模板文件template\wishlist
这里补充一下,为什么要分这么多文件,每一个文件中基本上都有针对default的操作增加一个块和引用,
一方面是根据每一个大的逻辑功能,将相应的块进行分类,定义出针对自己指定操作所需要增减改的块
二是虽然每一个文件都有针对default进行增加内容,这也可反应出每一个大的功能逻辑所需要的一些默认的功能块
这些xml所定义的是不是都加载到系统进行实例化呢,其实不是,这些xml是都加载,但根据不同的操作,将与些操作相关的块抽取出来,形成指定操作所需的对象,节省资源!
在我们了解布局文件xml与phtml文件内容之前,我们先来看下magento的默认网站结构,我们可以把一个网站页面主要分为5大块,头部(header)、左边栏(left)、中间内容栏(content)、右边栏(right)、底部(footer).

 

标签:
分享:

相关文章