To display the images of categories in the main navigation menu, we need to update two files.
Firstly in Model file. (/app/code/core/Mage/Catalog/Model/Observer.php)
Update following code in Function Name: _addCategoriesToMenu
$categoryData = array(
'name' => $category->getName(),
'id' => $nodeId,
'url' => Mage::helper('catalog/category')->getCategoryUrl($category),
'is_active' => $this->_isActiveMenuCategory($category),
'thumbnail' => Mage::getModel('catalog/category')->load($category->getId())->getThumbnail()
);
Then go into Html folder. (app/code/core/Mage/Page/Block/Html/Topmenu.php)
Update the following line of code at line 128 in
Function name: _getHtml
$urls = Mage::getBaseUrl('media').'catalog/category/'.$child->getData('thumbnail');
$img = '<img src="'.$urls.'" />';
$html .= '_getRenderedMenuItemAttributes($child) . '>';
$html .= '<a href="' . $child->getUrl() . '" ' . $outermostClassCode . '>'
. $this->escapeHtml($child->getName()) . ' '.$img.' </a>';