在首页的多个页面中显示带有图像的类别-Magento

Question

In my Customization , i have more than 100 categories under Default Category so I want to Display all the categories in multiple pages with images Homepage - Magento.

Im Using the below code :

   <div class="category-products">
   <ul class="products-grid">
   <?php
$_categories=$this->getCurrentChildCategories();
if($_categories->count()):
$categorycount = 0;
foreach ($_categories as $_category):
if($_category->getIsActive()):
$cur_category=Mage::getModel('catalog/category')->load($_category->getId());
$layer = Mage::getSingleton('catalog/layer');
$layer->setCurrentCategory($cur_category);
$catName = $this->getCurrentCategory()->getName();
if ($categorycount == 0){
$class = "first";
}
elseif ($categorycount == 3){
$class = "last";
}
else{
$class = "";
}
 ?>
<li class="item <?=$class?>">
  <a href="<?php echo $_category->getURL() ?>" title="<?php echo   $this->htmlEscape($_category->getName()) ?>"><img src="<?php echo $_category->getImageUrl() ?>" width="100" alt="<?php echo $this->htmlEscape($_category->getName()) ?>" /></a>
   <h2><a href="<?php echo $_category->getURL() ?>" title="<?php echo $this->htmlEscape($_category->getName()) ?>"><?php echo $this->htmlEscape($_category->getName()) ?></a></h2>
  </li>
 <?php
endif;
if($categorycount == 3){
$categorycount = 0;
echo "</ul>\n\n<ul class=\"products-grid\">";
}
else{
$categorycount++;
}
   endforeach;
   endif;
   ?>
  </ul>
    </div>      

In this code im just getting only product with images but not in proper manner (not aligned) please anyone query me how to Display all the categories in multiple pages with images Homepage .

Answer 1

To display in Multiple page you will need to use some pagination techniques ,

to display the product categories do refer

How to create Categories Grid (list) with images