Magento. Display new products on the home page (XML)

This tutorial will show you how to display new products on the home page using the XML layout update.

Open Magento admin panel. Go to CMS>Pages>Home Page.  Switch to the Design tab. Into the Layout Update XML window paste the following code:

 

1. First of all create the content reference:

   <reference  name="content">   </reference> 

This will let you put the blocks into the home page content area.

 

2. Insert the new products block:

   <block  type="catalog/product_new" name="product_new"  template="catalog/product/list.phtml"> </block> 

The block code should be inserted into the reference tag.

 

3. Set the number of the product columns in the new products listing:

 <action  method="setColumnCount"><column_count>6</column_count></action> 

The action code should be inserted into the block  tag.

 

4. Set the amount of products displayed in the new products block:

 <action  method="setProductsCount"><count>0</count></action> 

As a result your XML code should look like this:

   <reference  name="content">   <block  type="catalog/product_new" name="product_new"  template="catalog/product/list.phtml">   <action  method="setColumnCount"><column_count>6</column_count></action>   <action  method="setProductsCount"><count>0</count></action>   </block>   </reference> 

 

In case you want to display the new products from the specific category use the following action:

   <action  method="setCategoryId"><category_id>10</category_id></action> 

Make sure you set the correct category ID value. You can get the category ID from the admin panel>Catalog>Manage categories.

Magento. Display new products on the home page (block)

This tutorial will show you how to display new products on the home page in Magento using the Magento block.

• Open Magento admin panel
• Go to CMS>Pages>Home page
• Switch to the content tab
• Insert the following code:

 

 {{block  type="catalog/product_new" column_count="6"  products_count="12" name="home.catalog.product.new"  alias="product_homepage"  template="catalog/product/list.phtml"}} 

 

Where:

• column_count="6" – number of the product columns
• products_count="12" – number of the displayed products

Magento: Display new products on the home page (widget)

This tutorial will show you how to add the new products block to the home page. All modifications would be done in Magento admin panel.  Open the admin panel, go to CMS> Pages>Home page.

Starting from Magento 1.4.0 you have the ability to use Magento widgets to display different content block within your pages. When you are in CMS> Pages>Home page, switch to the Content tab.

1. At the top you can see the Insert Widget button. Click it.
   
2. In the Widget type select box choose Catalog New Products List.
3. Then you can select the number of the displayed products and the product listing template.
4. When you are done click Insert Widget button.
5. Click Save button at the top after the page customization is complete.

Magento: Display products from the category on the home page

This tutorial will show you how to add products from the specific category to the Magento home page.

 

Get category ID

1. Open Magento admin panel and go to Catalog > Manage Categories.
2. Select the necessary category and look for the category ID at the top.

   

Remember the category ID value as you'll need it later.

 

Create products block

1. In Magento admin panel go to CMS> Pages>Home page
2. Switch to the Content tab and into the html code block paste the following code:

   

 

 {{block  type="catalog/product_list" category_id="7"  template="catalog/product/list.phtml"}} 

 

Make sure the category_id="7" value matches your category ID. When you are done click the Save button at the top.

In case you want to control the number of columns in product listing please use the following code:

 

 {{block type="catalog/product_list" column_count="4" category_id="7" template="catalog/product/list.phtml"}} 

 

Where the column_count value is the number of columns

Make sure you cleared Magento cache. Otherwise your changes may not affect your store frontend.