Magento – How to change product list grid and image size

grid layoutlayoutmagento-1.9product-list

How to change product list grid image size and how to change grid from 4 to 3? Because the images are so small now.

I want to have larger images and change grid from 4 to 3.

I am using Magento 1.9.1.

Best Answer

To change grid 4 to 3
Copy file app/design/frontend/rwd/default/layout/catalog.xml into your theme
and change below code

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

to

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

in layout handles catalog_category_layered and catalog_category_default

To increase image size in grid view
Copy file app/design/frontend/rwd/default/template/catalog/product/list.phtml into your theme
and inside grid mode code, change below code
<?php $_imgSize = 210; ?>
to

<?php $_imgSize = 250; // your required image size ?>