[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

Magento. How to change number of new products per row on Home page

Magento. How to change the number of new products per row on the Home page

In this tutorial you will learn how to change number of items in New Products section on home page in Magento template:

magento_new_products_1

  1. Log into your Admin panel and go to CMS -> Pages:

    magento_new_products_2

  2. Select your Home page and navigate to the Design tab:

    magento_new_products_3

  3. Look for the following code:

    <action method="setColumnCount"><columns>4</columns></action>
    <action method="setProductsCount"><count>4</count></action>
  4. Change number of columns and count value to, for example 6:

    <action method="setColumnCount"><columns>6</columns></action>
    <action method="setProductsCount"><count>6</count></action> 
    		

    magento_new_products_4

  5. Save your changes.

  6. Lastly, you need to alter the source code for New Products section to align items correctly.

  7. Go to app\design\frontend\default\themeXXX\template\catalog\product directory on your server and open new.phtml file to edit.

  8. We need to change the li class to fit 6 products instead of 4. Look for:

    <li class="item col-xs-3<?php if(($i-1)%$_columnCount==0): ?>
    		
  9. Change it to:

    <li class="item col-xs-2<?php if(($i-1)%$_columnCount==0): ?>
    		

    magento_new_products_5

  10. Save this file and upload it to the server. Open your site and reload the page:

    magento_new_products_6

    Note, that you may need to clean Magento Cache as well to see the changes.

Thank you for reading this tutorial. Now you know how to change the number of New Products items on Home page in Magento template(s).

Feel free to check the detailed video tutorial below:

Magento. How to change the number of new products per row on the Home page