Add new links to top links in Magento 1.9

Question

It's pretty easy to add some types of links to top menu using this method: http://www.magentocommerce.com/knowledge-base/entry/adding-page-links-in-the-navigation-bar

But I cannot figure out how to add a simple home page link. The above method does not seem to work. It seems that the method requires some type of URL, and if it's left blank or a "/" is used, Magento makes up a link that does not work.

I have custom theme, based on the RWD theme, with a local.xml file. I have tried to add code suggested from various websites, to add a new top link, but the code seems to not work for Magento 1.9.

I have been experimenting with the renderer.phtml file in my theme, with no luck.

Any suggestions for adding a link in the top links of Magento 1.9, especially a home page link?

Answer 1

First copy topmenu.phtml from

/app/design/frontend/rwd/default/template/page/html/

Save this file as topmenu.phtml to

/app/design/frontend/YOUR PACKAGE/YOUR THEME/template/page/html/

Edit this file within lines 38-40, paste the following:

<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('home-link')->toHtml(); ?>

To create:

<ol class="nav-primary">
<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('home-link')->toHtml(); ?>
<?php echo $_menu ?>
<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('post-menu-links')->toHtml(); ?>
</ol>

Save and re-upload this file.

Create a CMS > Static Block, named home-link enter the following into your block (Hide Editor, as needed):

<li class="level0 nav-1 parent"><a href='{{config path="web/unsecure/base_url"}}' title='Home Page' class='level0'>Home</a></li>

Note: I leave all of the class names consistent with 1.9. Feel free to adjust class names as needed.

Save your new Static Block.

Create a CMS > Static Block, named post-menu-links Enter the following into your block (Hide Editor, as needed):

<li class="level0 nav-1 parent"><a href="CUSTOMPATH-1.HTML" title="LINK TITLE #1" class="level0">LINKNAME #1</a></li>
<li class="level0 nav-1 parent"><a href="CUSTOMPATH-2.HTML" title="LINK TITLE #2" class="level0">LINKNAME #2</a></li>
<!--  and so on, as needed ...  -->

Save your new Static Block.

Be sure to clear the cache and refresh your browser.

Answer 2

Below code will add a Custom home link under Account drop-down in RWD theme.

app/design/frontend/rwd[Package name]/[THEME NAME]/layout/local.xml

<?xml version="1.0" encoding="UTF-8"?>
<layout version="0.1.0">
    <default>
        <reference name="root">
        <reference name="top.links">
            <action method="addLink" translate="label title">
                <label>Custom Home Link</label>
                <url>home</url>
                <title>Custom Home Link</title>
                <prepare/>
                <urlParams/>
                <position>10</position>
            </action>
        </reference>
        </reference>
    </default>
</layout>

Below code will add custom home link before Account dropdown.

app/design/frontend/rwd[package name]/[theme name]/template/header.phtml

<a href="<?php echo $this->getBaseUrl(); ?>" class="skip-link skip-home">
    <span class="icon"></span>
    <span class="label"><?php echo $this->__('Home'); ?></span>
</a>

Answer 3

I follow this tutorial to add an external link to my Magento homepage https://magentoexplorer.com/how-to-add-custom-link-or-homepage-link-to-magento-top-menu

Step 1:

go to app/design/frontend/rwd/default/template/page/html/topmenu.phtml

Look for

<nav id="nav">
        <ol class="nav-primary">
            <?php echo $_menu ?>
        </ol>
    </nav>

and add this line into OL tag

<li><a href="<?php echo $this->getUrl('') ?>"><?php echo $this->__('Home') ?></a></li>

Now it's like this

    <nav id="nav">
        <ol class="nav-primary">
<li><a href="<?php echo $this->getUrl('') ?>"><?php echo $this->__('Home') ?></a></li>
            <?php echo $_menu ?>
        </ol>
    </nav>

Now the menu should be like this

you can changes url target in getUrl('your url') and anchor text in $this->__('your displayed text')

Answer 4

To add links to top navigation menu. You can change page/html/topmenu.phtml file:

    <?php $_menu = $this->getHtml('level-top') ?>
    <?php if($_menu): ?>
    <div class="nav-container">
        <ul id="nav">

<!-- THIS IS WHERE YOU MAKE THE CHANGE -->
            <li><!--LINK TO YOUR PAGE HERE--></li>
<!-- CHANGE ENDS HERE -->
            <?php echo $_menu ?>
        </ul>
    </div>
    <?php endif ?>

You can add any link to top links in magento using the following code:

<reference name="top.links">
                <action method="addLink">
                    <label>Home</label>
                    <title>Home</title>
                    <!-- You can google for various url helpers to get url to default magento pages or you can write your own url in <url> </url> tag-->
                    <urlParams helper="core/url/getHomeUrl"/><urlParams>
                </action>
</reference>