Product Image Size on Detail Page

  • Posts: 242
  • Thank you received: 0
13 years 7 months ago #13032

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

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 7 months ago #13041

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

Please Log in or Create an account to join the conversation.

  • Posts: 242
  • Thank you received: 0
13 years 7 months ago #13053

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

Ed

Please Log in or Create an account to join the conversation.

  • Posts: 242
  • Thank you received: 0
13 years 7 months ago #13055

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

Please Log in or Create an account to join the conversation.

  • Posts: 242
  • Thank you received: 0
13 years 7 months ago #13056

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

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 7 months ago #13060

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 ?

Please Log in or Create an account to join the conversation.

  • Posts: 242
  • Thank you received: 0
13 years 7 months ago #13082

Email sent with site links and admin login credentials.

Thanks,
Ed

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 7 months ago #13094

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

Please Log in or Create an account to join the conversation.

  • Posts: 242
  • Thank you received: 0
13 years 7 months ago #13139

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

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 7 months ago #13142

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

Please Log in or Create an account to join the conversation.

  • Posts: 242
  • Thank you received: 0
13 years 7 months ago #13145

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

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 7 months ago #13149

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

Please Log in or Create an account to join the conversation.

Time to create page: 0.076 seconds
Powered by Kunena Forum