Magento – HOW TO Change # of products per row, specific for each page layout

magento-1.7

Display more items per row in products/category pages

^ This post is a guide to set 4 products per row | For all pages.

I want to set a different amount of products for each page layout.

THE GOAL:

  • 3 Products per row for 3 Column-Page Layout
  • 4 Products per row for 2 Column ^
  • 5 Products per row for 1 Column ^

Please provide instructions to customize products per row.

Thank you

Best Answer

You can do these steps

  1. Visit and edit this file app/design/frontend/base/default/layout/catalog.xml
  2. Find this

    <action method="addColumnCountLayoutDepend"> <layout>empty</layout> <count>6</count> </action>

  3. Before each of them add this code

    <action method="setColumnCount"><columns>4</columns></action> As you see we change the number of product per row is 4 that 's mean we have to change to the number of product per page to the number what we can be divided 4. We choose 12 then do this

Go into admin and choose System->Configuration. Then on the left goto Catalog->Catalog. The page should now show the Grid only for ‘List Mode‘. For this example I choose to place in 12,24,36 for ‘Page on Grid Allowed Values‘ and 12 for ‘Products per Page on Grid Default Value‘.

enter image description here

Ok, get back to check if it work. Other than that, you can do the same for app/design/frontend/base/default/layout/catalogsearch.xml

Related Topic