magento 增加一个layout template// Magento 常用技巧与方法

本文将指导您如何在Magento中创建自定义布局模板,包括从现有模板复制、修改配置文件到实现四列布局的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

magento默认的有5中layout template方式,分别为:
empty
1columns
2columns-left
2columns-right
3columns

这么5中,有时候我们想自己做一个新的layout template让我们的页面更加的灵活,方便下面是实现的步骤:增加一个4columns 的layout template
 
1. 复制 app/code/core/Mage/Page/etc/config.xml  app/code/local/Mage/Page/etc/config.xml. 然后打开这个文件,找到代码.

Xml代码   收藏代码
  1. <page>  
  2.           <layouts>  
  3.               <empty module="page" translate="label">  
  4.                   <label>Empty</label>  
  5.                   <template>page/empty.phtml</template>  
  6.                   <layout_handle>page_empty</layout_handle>  
  7.               </empty>  
  8.               <one_column module="page" translate="label">  
  9.                   <label>1 column</label>  
  10.                   <template>page/1column.phtml</template>  
  11.                   <layout_handle>page_one_column</layout_handle>  
  12.                   <is_default>1</is_default>  
  13.               </one_column>  
  14.               <two_columns_left module="page" translate="label">  
  15.                   <label>2 columns with left bar</label>  
  16.                   <template>page/2columns-left.phtml</template>  
  17.                   <layout_handle>page_two_columns_left</layout_handle>  
  18.               </two_columns_left>  
  19.               <two_columns_right module="page" translate="label">  
  20.                   <label>2 columns with right bar</label>  
  21.                   <template>page/2columns-right.phtml</template>  
  22.                   <layout_handle>page_two_columns_right</layout_handle>  
  23.               </two_columns_right>  
  24.               <three_columns module="page" translate="label">  
  25.                   <label>3 columns</label>  
  26.                   <template>page/3columns.phtml</template>  
  27.                   <layout_handle>page_three_columns</layout_handle>  
  28.               </three_columns>  
  29.            
  30.           </layouts>  
  31.       </page>  
 

将其替换为:

Xml代码   收藏代码
  1. <page>  
  2.           <layouts>  
  3.               <empty module="page" translate="label">  
  4.                   <label>Empty</label>  
  5.                   <template>page/empty.phtml</template>  
  6.                   <layout_handle>page_empty</layout_handle>  
  7.               </empty>  
  8.               <one_column module="page" translate="label">  
  9.                   <label>1 column</label>  
  10.                   <template>page/1column.phtml</template>  
  11.                   <layout_handle>page_one_column</layout_handle>  
  12.                   <is_default>1</is_default>  
  13.               </one_column>  
  14.               <two_columns_left module="page" translate="label">  
  15.                   <label>2 columns with left bar</label>  
  16.                   <template>page/2columns-left.phtml</template>  
  17.                   <layout_handle>page_two_columns_left</layout_handle>  
  18.               </two_columns_left>  
  19.               <two_columns_right module="page" translate="label">  
  20.                   <label>2 columns with right bar</label>  
  21.                   <template>page/2columns-right.phtml</template>  
  22.                   <layout_handle>page_two_columns_right</layout_handle>  
  23.               </two_columns_right>  
  24.               <three_columns module="page" translate="label">  
  25.                   <label>3 columns</label>  
  26.                   <template>page/3columns.phtml</template>  
  27.                   <layout_handle>page_three_columns</layout_handle>  
  28.               </three_columns>  
  29.               <four_columns module="page" translate="label">  
  30.               <label>4 columns</label>  
  31.               <template>page/4columns.phtml</template>  
  32.               <layout_handle>page_four_columns</layout_handle>  
  33.               </four_columns>  
  34.           </layouts>  
  35.       </page>  
 

2. 在目录 app/etc/modules 中,新建文件  Mage_Local.xml 内容为:

Xml代码   收藏代码
  1. <?xml version="1.0"?>  
  2. <config>  
  3. <modules>  
  4. <Mage_Page>  
  5. <active>true</active>  
  6. <codePool>local</codePool>  
  7. <depends>  
  8. <Mage_Core/>  
  9. </depends>  
  10. </Mage_Page>  
  11. </modules>  
  12. </config>  
 

3. 打开目录: app/design/frontend/your_package/your_theme/template/page

在这个文件里面新建一个文件4columns.phtml,然后随便复制一个文件,譬如:3columns.phtml,将其内容复制到4columns.phtml文件中(里面的内容,按照自己的定制改)

4. 刷新缓存,就可以使用了

 

来源:http://www.magentouse.com/blog/cat/magento-secondary-development/post/magento-add-layout-template/

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值