Magento. How to set number of columns in category listing (for Magento 1.8.x+ templates)

In this tutorial you will learn how to set number of columns in category listing in Magento template(s).

Magento. How to set number of columns in category listing (for Magento 1.8.x+ templates)

1. Using your file manager, go to app/design/frontend/default/themeXXX/layout/catalog.xml file:

   

2. Here, we can set number of columns for Anchor and/or non-Anchor categories.

3. Find the following code:

   <action method="setColumnCount"><columns>3</columns></action>

   

4. Change it to the following:

   <action method="setColumnCount"><columns>4</columns></action>

5. Save this file and upload to the server.

6. Now open app/design/frontend/default/themeXXX/template/catalog/product/list.phtml file:

   

7. We need to edit the code for “Grid Mode”.

8. Under the “products-grid row” class, find the following code: col-xs-12 col-sm-4:

   

9. Change it to: col-xs-12 col-sm-3.

10. Save this fie and upload to the server.

11. Reload your site to see the changes.

Thank you for reading this video tutorial. Now you know how set number of columns in category listing in Magento template(s).

Feel free to check the detailed video tutorial below:

Magento. How to set number of columns in category listing (for Magento 1.8.x+ templates)