Subject:

1）Move the quick search box to the bottom of the page (inside the footer).
2）Move the footer links “Advanced Search” to header of page.
3）Move the catalog navigation to the left column and make a vertical display.

解决方法：
==================================================================================
1）复制layout下的catalogsearch.xml到相应的目录
把
  1. <reference name="header"> 
  2.             <block type="core/template" name="top.search" as="topSearch" template="catalogsearch/form.mini.phtml"/> 
  3.         </reference> 
改成
 
  1. <reference name="footer"> 
  2.             <block type="core/template" name="top.search" as="topSearch" template="catalogsearch/form.mini.phtml"/> 
  3.         </reference> 

 

 

2) 复制layout下的page.xml到相应的目录

2.1 在

  1. <block type="page/html_header" name="header" as="header"> 

这个block中增加一个新的block

  1. <!-- ====== Add by kingsun he ======================= -->     
  2. <block type="page/template_links" name="header_links" as="header_links" template="page/template/links.phtml" />              

作用是告诉magento这里有个新的link的block.

2.2 找到app/design/frontend/base/default/template/page/html/header.phtml，把这个文件复制到相应的目录，在新文件中增加代码

  1. <?=$this->getChildHtml('header_links')?> 

到相应的位置

2.3 找到catalogsearch.xml，在block

  1. <reference name="footer_links">. 

中找到这一段

  1. <action method=“addLink” translate=“label title” module=“catalogsearch”><label>Advanced Search</label><url helper=“catalogsearch/getAdvancedSearchUrl” /><title>Advanced Search</title></action> 

把它注释掉，把他从footer中删除

2.4 在catalogsearch.xml中的<default>增加一个新的reference,实际上就是把上面注释的内容复制下来，只是把合格reference的name 改成header_links

  1. <!-- =========== Add by kingsun he  ========================= --> 
  2.         <reference name="header_links"> 
  3.             <action method="addLink" translate="label title" module="catalogsearch"> 
  4.             <label>Advanced Search</label> 
  5.             <url helper="catalogsearch/getAdvancedSearchUrl" /> 
  6.             <title>Advanced Search</title> 
  7.             </action> 
  8.         </reference>         

 

 

3)

3.1 在page.xml里找到这个block 

  1. <block type="page/html_header" name="header" as="header"> 

把这个block下的

  1. <block type="core/text_list" name="top.menu" as="topMenu" translate="label"> 
  2.      <label>Navigation Bar</label> 
  3.      <block type="page/html_topmenu" name="catalog.topnav" template="page/html/topmenu.phtml"/> 
  4. </block> 

注释掉，即把这个block 从 header 中删除。

3.2 在上述的header.phtml文件中，找到

  1. <?php echo $this->getChildHtml('topMenu') ?> 

把这段注释掉

3.3 复制layout下的catalog.xml到相应的目录，在efault这个block中，增加一段

  1. <reference name="left"> 
  2.      <block type="core/text_list" name="left.menu" as="leftMenu" translate="label"> 
  3.          <label>Navigation Bar</label> 
  4.          <block type="page/html_topmenu" name="catalog.topnav" template="page/html/leftmenu.phtml"/> 
  5.      </block> 
  6. </reference> 

这一段实际上是从page.xml那段注释掉的代码抄下来的。但是我们为了方便我们使用，我们使用了left.menu这些名字，template也使用了leftmenu.phtml。这样我们需要下一步

3.4 复制app/design/frontend/base/default/template/page/html/topmenu.phtml到相应的目录下，再改名为leftmenu.phtml