How do display products by category in CMS page in Magento?

Question

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?

Answer 1

{{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; ?>

Answer 2

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