怎样为Magento的top menu添加HOME等页面

对于刚刚接触magento的同学来学，为magento顶部菜单（top menu）页面也是件头疼的事情。

现在后浪为各位菜鸟们提供了一些方法。

首先，请找到这个文件夹：\app\design\frontend\default\你的模板\template\catalog\navigation

找到里面的top.phtml 这个模板

这个时候你会看到类似的代码：

 

<?php $_menu = $this->renderCategoriesMenuHtml(0,'level-top') ?>
<?php if($_menu): ?>
 <div>
     <ul id="nav">
   <li><a href="/<?php echo $this->getUrl()?>"><img src="/<?php echo $this->getSkinUrl('images/home_icon.jpg')?>" alt="" /></a></li>
        <?php echo $_menu ?>
     </ul>
 </div>
<?php endif ?> 

其中红色的就是读取整个菜单的代码。

如果不需要的话可以吧红色部分即：<?php echo $_menu ?> 去掉。
蓝 色部分就是添加的Home页面的链接代码。其中<img src="/<?php echo $this->getSkinUrl('images/home_icon.jpg')?>" alt="" />这个表示获取你所用的模板下的一个图片。<?php echo $this->getUrl()?> 表示获取首页的URL。

接下来，要添加其他页面，那我们该怎么办呢？

不用着急，很简单的。

 

比如要添加 About Us 这个页面。那么我们来到CMS->pages下找到 About Us 这个页面

 

在网址一栏中你会看到 about-us

 

那么我们可以这么调用：

   <li><a href="/<?php echo $this->getUrl('about-us')?>"><?php echo $this->__('About Us') ?></a></li>

第一个红色的小写的about-us是必须根据page页面的URL来写的，后面的 About Us 随意写都可以。

如果要添加其他页面也是一样的.修改完后的代码如下：

 

<ul id="nav">

 
<li><a href="/<?php echo $this->getUrl()?>"><img src="/<?php echo $this->getSkinUrl('images/home_icon.jpg')?>" alt="" /></a></li>
<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)"><a href="/<?php echo $this->getUrl('about-us')?>"><span><?php echo $this->__('About Us') ?></span></a></li>
<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)"><a href="/<?php echo $this->getUrl('contacts')?>"><span><?php echo $this->__('Contact Us') ?></span></a></li>
<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)"><a href="/<?php echo $this->getUrl('customer-service')?>"><span><?php echo $this->__('Customer Service') ?></span></a></li>
</ul>
当然 CSS之类的参数是我网站上的。

修改后的效果：