Showing results for 
Search instead for 
Did you mean: 

Smaller product images


Smaller product images

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:


Re: Smaller product images

Hello ThePatrickBay,


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


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%;

Problem solved? Click Accept as Solution!

Re: Smaller product images

Thank you very much, I really appreciate your help.