Product Image Size on Detail Page

I would like to have the product image thumbnail on the product detail page to be larger than the product image thumbnail on the product content module (multiple products displayed in div format). How could I do that?

I found in other posts where the image size for the additional image thumbnails on the detail page can be controlled via css, but I would like to have the settings on the configuration/files page control the product detail page (like it currently does) and maybe a css setting to control the content module image size.

Thanks,
Ed

So it's a feature request ?

Otherwise, you can indeed do that with the instructions on that page: www.hikashop.com/en/support/forum/4-how-...duct-page.html#10151

Not sure how I missed that post but since at least two of us need it, maybe it should be a feature .

Ed

OK - I followed the instructions in that post and it works, sorta. Now in IE the css resized image has a large blank space between the bottom of the image and the price (product listing). And with Firefox, the css resize isn't recognized at all.

Any ideas?

Ed

I checked it with Chrome and it's doing the same as FF, doesn't recognize the css size change at all. I also noticed that the thumbnail files look like crap in Chrome! Not sure what's going on there because they all look good in IE and FF, even those resized on the fly.

Ed

Could you give a link to the pages with the problems (and tell which page has which problem with which browser) so that we can have a look ?

Email sent with site links and admin login credentials.

Thanks,
Ed

Thanks. We got the access and we will look at that tomorrow.

It looks like the poor thumbnail image resolution in Chrome reported in my last post is a non-issue as this morning all thumbnails look good (still the wrong size, but good quality ). Must have been a cache problem.

Ed

The problem comes from your CSS:

.hikashop_product_image image {
width: 130px !important;
height: 90px !important;
}

It should be:

.hikashop_product_image img {
width: 130px !important;
height: 90px !important;
}

Woops... Doesn't pay to get in too much of a rush :blush: . Is there a quick fix for the extra white space under the image? Also, is it possible to retain image aspect ratio by only setting one dimension (height or width) in css or by some other means?

Ed

For the space, you need to add the code:
.hikashop_product_image{height: 140px !important;}