Magento – How to display category ,subcategory and image on magento 1.9 on home page

categorycmsmagento-1.9

I have to display category,subcategory and image on home page.I am using custom theme.

Foe example: My home page category,subcategory and image display is like below

Cat1 Cat2 Cat3
Subcat1 Image Subcat1 Image Subcat1 Image
SubCat2 Subcat2 Subcat2
Subcat3 SUbcat3 Subcat3

Please help me how to do it.Its urgent please give me idea how to do it.

Many Thanks,
Padma

Best Answer

You could do something like this. Add a custom catalog/homecategories.phtml file and add it in your local.xml.

homecategories.phtml

$helper = Mage::helper('catalog/category');
/** @var $helper Mage_Catalog_Helper_Category */

$topCategories = $helper->getStoreCategories(true);
?>

<?php if (!empty($topCategories)): ?>
    <div class="home-categories">

        <ul class="level-1">
            <?php foreach ($topCategories as $topCategory): ?>
                <?php /** @var $topCategory \Mage_Catalog_Model_Category */ ?>
                <li>
                    <a href="<?php echo $helper->getCategoryUrl($topCategory); ?>"><?php echo $topCategory->getName(); ?></a>

                    <?php if ($topCategory->hasChildren()): ?>
                        <ul class="level-2">
                            <?php foreach ($topCategory->getCategories($topCategory, 0, true) as $category): ?>
                                <?php /** @var $category \Mage_Catalog_Model_Category */ ?>
                                <li>
                                    <a href="<?php echo $helper->getCategoryUrl($category); ?>"><?php echo $category->getName(); ?></a>
                                    <a href="<?php echo $helper->getCategoryUrl($category); ?>">
                                        <img src="<?php echo $category->getImageUrl();?>" alt="" />
                                    </a>
                                </li>
                            <?php endforeach; ?>
                        </ul>
                    <?php endif; ?>
                </li>
            <?php endforeach; ?>
        </ul>

    </div>
<?php endif; ?>

<?php

local.xml

<cms_index_index>
    <reference name="content">
        <block type="core/template" name="home-categories" as="home_categories" before="-">
            <action method="setTemplate"><template>catalog/homecategories.phtml</template></action>
        </block>
    </reference>
</cms_index_index>

Related Solutions

Magento – How do display category icons/images when top-level category is selected

if you are in the category view page you can do the following.

$mainCategory = Mage::registry('current_category');
foreach ($mainCategory->getChildrenCategories() as $category){
    $collection = $category->getProductCollection()->addAttributeToSelect('image');//or thumbnail or small_image
    Mage::getSingleton('catalog/product_status')->addVisibleFilterToCollection($collection);
    Mage::getSingleton('catalog/product_visibility')->addVisibleInCatalogFilterToCollection($collection); 
    $collection->addAttributeToSort('position');//or 'name' or any other attribute
    $product = $collection->setPage(1, 1)->getFirstItem();
    if ($product->getId()){//if the category has at least a valid product
       $imageUrl = Mage::>helper('catalog/image')->init($product, 'image')->resize(60);
       //do something with $imageUrl
    }
}

Magento – Magento : Show 3 different top menus

It's not possible with the default top navigation offered in Magento CE.

You can however write a custom extension that returns a collection of category links depending on the type of page.

class [Namespace]_[Module]_Block_Menu extends Mage_Core_Block_Template
{
   public function getMenu()
   {
      if (Mage::getSingleton('cms/page')->getIdentifier() == 'home')
      {
          $parent_id = [home cat id];
      }
      elseif (Mage::app()->getRequest()->getModuleName() == 'catalog')
      {
          $parent_id = [catalog cat id];
      }
      elseif (Mage::app()->getRequest()->getModuleName() == 'cms')
      {
          $parent_id = [cms cat id];
      }

      $main = Mage::getModel('catalog/category')->load($parent_id);
      $menu = array(
         'name' => $main->getName(),
         'url' => $main->getUrl(),
         'children' => array(),
      );

      $children = Mage::getModel('catalog/category')->getCollection()
         ->addAttributeToFilter('parent_id', $main->getId());
      foreach ($children as $item)
      {
         $menu['children'][] = array('name'=>$item->getName(), 'url'=>$item->getUrl());
      }

      return $menu;
   }
}

Now in a custom PHTML file you can use the menu array to run through all the items and build a menu.

To replace the old menu with your new one add the following to your local.xml

<reference name="header">
   <remove name="top.menu"/>
   <block type="[module]/menu" name="custom_menu" as="topMenu" template="your/custom/template.phtml"/>
</reference>

This is however a very inflexible solutions as when you change a category it might break the menu. I'm not big on promoting paid extensions but you might want to give Menubuilder a try as it provides for a lot of flexibility.

Best Answer

Related Solutions

Magento – How do display category icons/images when top-level category is selected

Magento – Magento : Show 3 different top menus

Related Topic