Smaller product images

[ThePatrickBay]

Hi! There might be a simple solution to my problem, but I'm still new at Magento so please bear over with me.

On my home page, I want to show certain products. I do this by using the following code:

{{block type="catalog/product_list" name="home.catalog.product.list" alias="products_homepage" category_id="2" template="catalog/product/list.phtml"}}

That works fine as far as showing products.

My problem is that the images are very large. Therefore, it only shows two products per row, although when at a category page, it shows 4 products.

My question is, how can I make the size of the "product slots" smaller so there's room for 4 (or more) products per row on my home page?

Link for reference: thepatrickbay.com

[MrKhoa99 · Accepted solution]

Hello ThePatrickBay,

You should add products_count="4", and then decreasing the percent of width, I think there is the same issue here:

https://community.magento.com/t5/Theming-Layout-Design-Questions/Number-of-New-Products-on-Home-page...

I take a look at your website, I think you should change the percent of item:

skin/frontend/rwd/default/css/styles.css  => about line ~4373

.products-grid > li {
width: 20%; // change the percent of item here.
margin-right: 3.7037%;
}

[ThePatrickBay]

Thank you very much, I really appreciate your help.