cancel
Showing results for 
Search instead for 
Did you mean: 

Smaller product images

SOLVED

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: thepatrickbay.com

2 REPLIES

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:

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

Problem solved? Click Accept as Solution!

Re: Smaller product images

Thank you very much, I really appreciate your help.