Tutorials for Magento and Joomla! - Yireo

Video: Create menu item in navigation bar Magento

This tutorial shows you how to add a new menu-link to the navigation bar in Magento. This is not as easy as it might seem: You will need to alter either PHP/HTML or XML to accomplish this.

In the tutorial a copy of the file app/design/default/default/template/catalog/navigation/top.phtml is added to your own theme. Next, the following PHP/HTML code is added to this PHTML-template:

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

Next a CMS block with ID "menu" needs to be created. The CMS block contains the following HTML:

 
<li>
<a title="title goes here" href="{{store direct_url="customer-service"}}">
<span>Customer Service</span>
</a>
</li>
 

Yireo has developed a bridge between Joomla! and Magento. While the above shows how complicated Magento can be, with Joomla! adding a Menu-Item is a breeze (a few mouse-clicks). More information about MageBridge is available here.

Created on Monday, 16 November 2009
Modified on Friday, 16 April 2010

About Yireo

Yireo tries to help webdevelopers build successful Joomla! and Magento sites.

More about Yireo