Changing number of items per row in category page – Magento

Firstly navigate to app/design/frontend/default/default/layout/catalog.xml, backup the file before you do anything on that.

Advertisements

Then Find the following:

1

2

3

<!–

Category default layout

–>

Replace the following content on around row 140

<reference name=”content”>

<block type=”catalog/category_view” name=”category.products” template=”catalog/category/view.phtml”>

<block type=”catalog/product_list” name=”product_list” template=”catalog/product/list.phtml”>

<block type=”catalog/product_list_toolbar” name=”product_list_toolbar” template=”catalog/product/list/toolbar.phtml”>

<!– The following code shows how to set your own pager increments –>

<!–

<action method=”setDefaultListPerPage”><limit>4</limit></action>

<action method=”setDefaultGridPerPage”><limit>9</limit></action>

<action method=”addPagerLimit”><mode>list</mode><limit>2</limit></action>

<action method=”addPagerLimit”><mode>list</mode><limit>4</limit></action>

<action method=”addPagerLimit”><mode>list</mode><limit>6</limit></action>

<action method=”addPagerLimit”><mode>list</mode><limit>8</limit></action>

<action method=”addPagerLimit” translate=”label”><mode>list</mode><limit>all</limit><label>All</label></action>

–>

</block>

<action method=”setToolbarBlockName”><name>product_list_toolbar</name></action>

</block>

</block>

</reference>

With this

<reference name=”content”>

<block type=”catalog/category_view” name=”category.products” template=”catalog/category/view.phtml”>

<block type=”catalog/product_list” name=”product_list” template=”catalog/product/list.phtml”>

<block type=”catalog/product_list_toolbar” name=”product_list_toolbar” template=”catalog/product/list/toolbar.phtml”>

<!– The following code shows how to set your own pager increments –>

<!–

<action method=”setDefaultListPerPage”><limit>4</limit></action>

<action method=”setDefaultGridPerPage”><limit>9</limit></action>

<action method=”addPagerLimit”><mode>list</mode><limit>2</limit></action>

<action method=”addPagerLimit”><mode>list</mode><limit>4</limit></action>

<action method=”addPagerLimit”><mode>list</mode><limit>6</limit></action>

<action method=”addPagerLimit”><mode>list</mode><limit>8</limit></action>

<action method=”addPagerLimit” translate=”label”><mode>list</mode><limit>all</limit><label>All</label></action>

–>

</block>

<action method=”setColumnCount”><columns>5</columns></action>

<action method=”setToolbarBlockName”><name>product_list_toolbar</name></action>

</block>

</block>

</reference>

Did you see

  <action method=”setColumnCount”><columns>5</columns></action>

its been set to 5 per row on product listing you can change accordingly.

Tags:

Comments are closed

Latest Comments

No comments to show.