i have one page with the name "products". in this page i need to display all the items seperated by it's corresponding category name. the structure looks like below
category 1
item1 item2
category 2
item1 item2
how can i do this?
i have one page with the name "products". in this page i need to display all the items seperated by it's corresponding category name. the structure looks like below
category 1
item1 item2
category 2
item1 item2
how can i do this?
{{block type="catalog/product_list" category_id="8" template="catalog/product/featured.phtml"}}
add above code in cms page and add featured.phtml file in catalog/product and put this code
<?php $_productCollection=$this->getLoadedProductCollection() ?>
<?php if(!$_productCollection->count()): ?>
<div class="note-msg">
<?php echo $this->__('There are no products matching the selection. Please provide a category ID.') ?>
</div>
<?php else: ?>
<?php // Grid Mode ?>
<ul id="featured" class="jcarousel-skin-tango">
<?php $_collectionSize = $_productCollection->count() ?>
<?php $i=0; foreach ($_productCollection as $_product): ?>
<?php if($i++%4==0): ?>
<?php endif ?>
<li><a class="preview" rel="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(300, 300); ?>" href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->htmlEscape($_product->getName()) ?>">
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(105, 105); ?>" width="105" height="105" alt="<?php echo $this->htmlEscape($_product->getName()) ?>" />
</a> </li>
<?php if ($i%4==0 && $i!=$_collectionSize): ?>
<?php endif ?>
<?php endforeach ?>
</ul>
<?php endif; ?>
You can load a phtml inside a CMS using:
{{block type="catalog/product" template="catalog/product/view/custom.phtml"}}
Now for the categories you want to display the above structure, you can load them in the category model, and get all products in the custom.phtml