Home Page Featured Products Image Size

[jrusit]

Hi Everyone

 

I want to increase the image size of the products in the Featured Products block on my homepage. I have no problems increasing the image size but once I do increase it the text and add to cart buttons become overlapped by the images.

 

Does anyone know how I can increase the spacing between each Featured Product so that there is no overlapping with the bigger image size?

 

Thanks in advance for your help.

 

Julian

[PSfever.com]

Hi Julian,

 

in this case URL to your store would be very useful, because this way we could point you at the exact line of code that you need to change. Also what PS version are we talking?

[jrusit]

Sorry PSfever.com, what a thicko!

 

My URL is www.sneakeremporium.com.au and I am using Prestashop 1.5.4.1.

 

Thank You

 

Julian

[PSfever.com]

Great,

 

now is this the image size that you want to have in your store, or is it the old one? 

[jrusit]

It's the image size of the Featured Products on the home page. I know how to make the images bigger but I need to adjust something so the images don't overlap when I increase the size.

 

I have attached a screen shot and circled the images that I am talking about.

 

Thanks

 

Julian

[vekia]

what image size you want to use?

it's necessary to know, because styles of other elements depend on it

[jrusit]

It would be great if I could use 275px x 260px? I'm not too fussed just as long as I can get them a bit bigger. Is there a size that you think would work best?

 

Thank You

 

Julian

[vekia]

product-list.css line 156

use this code instead of original one:

ul#in_grid li {
background: none repeat scroll 0 0 transparent;
float: left;
margin: 0 5px 0 0;
padding: 0 0 10px;
text-align: center;
width: 290px;
}

you will need also to modify images (because border of product elements are images...)

http://sneakeremporium.com.au/themes/PRS020043/img/pr_topbg.gif

http://sneakeremporium.com.au/themes/PRS020043/img/pr_bottombg.gif

 

modify these images (width) to 290px;

[jrusit]

Thanks for your help Vekia.

 

Is that to change the product page images or the product images of Featured Products?

 

Thanks

 

Julian

[PSfever.com]

Jrusit:

 

If you send me access to FTP/back office I might change it all for you..should be work for 5 minutes or so. I might change the images (gif) for a css border, as this is a bit confusing.

[jrusit]

PSFever

 

That would be unreal if you don't mind doing that?

 

Thank You

 

Julian

[jrusit]

PSfever.com did a great job improving the size of the images.

 

I have regenerated the thumbnails and also tried re-uploading the images but the featured products images are still not as clear as the images on the actual product pages.

 

Any ideas on how to make the images clear?