If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

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:

    magento_column_1

  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>

    magento_column_2

  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:

    magento_column_3

  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:

    magento_column_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)

 
Live Chat
We help you to choose the right product.
Start chat