How to enlarge pictures in product list? change from 3 to 2

[markos17]

Now, in product list I have standard grid with three products in a row. How can I switch it to two and enlarge pictures? Something similar like this:

 

 

[yaniv14]

You will need to modify css and change image preferences size.

If you can post your site url, I can try to help you.

[markos17]

here is my product list:

http://www.slobberbeads.com.au/category.php?id_category=5

I've already changed Preferences\images\home from 129 to 165. Still, it's far away from the effect that I want to achieve

[yaniv14]

1. your center column is 530px wide so if you want to fit 2 product in a line you need to make the image larger than 165px, I would say 235px.
   
2. in themes/ninabobo/global.css -> change line #1506 to: width: 235px;
   
3. I also suggest spacing the "add to cart" & "view" buttons, To do it you need to insert between lines 1576 & 1577, margin-left: 25px;
   
4. change line #1543 from: ul#product_list li div.center_block { min-height:250px; } to: ul#product_list li div.center_block { min-height:300px; }
   
5. don't forget to regenerate your image after changes size preferences
   

 

Let me know if it's good enough.

[markos17]

wow yaniv, I don't know how to thank You! There is just one little problem with buttons, excatly their postions

[yaniv14]

you forget step 4 that I mentioned (min-height:300px;)

[markos17]

Wow, I'm impressed Thanks again!