[solved] Thumbnail size on product listing page

  • Posts: 69
  • Thank you received: 1
  • Hikashop Multisite
1 week 4 days ago #312759

-- url of the page with the problem -- : formidogrijswijk.nl/houdbaar
-- HikaShop version -- : 4.2.2
-- Joomla version -- : 3.9.12
-- PHP version -- : 7.2
-- Browser(s) name and version -- : all

Good afternoon!

My images come from a remote server. I cannot make them all the same height.
This results in awkward product listing pages as the height of the panes are relative to the height of the images:
formidogrijswijk.nl/houdbaar
I have been fiddling with the settings to get all panes equally high
without the desired result.

The question is:
WHERE do I adjust settings, globally, to display the height of all thumbnails on all the product listing pages to a maximum of (let's say) 200 px, so that all panes will be equally high?

greetz

Dick

Attachments:
Last edit: 1 week 4 days ago by Formidog.

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

  • Posts: 67389
  • Thank you received: 9992
  • MODERATOR
1 week 2 days ago #312770

Hi,

If you don't let HikaShop generate the thumbnails as the images come from another server, then you have to either provide images with a consistent height, or fix the height yourself with CSS.
For example, by adding such CSS:

img.hikashop_product_listing_image {
    height: 200px;
}
monosnap.com/file/p3O6G99t0ooOjbYUDeuuRvfKMNQk4m

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

  • Posts: 69
  • Thank you received: 1
  • Hikashop Multisite
1 day 16 hours ago #313010

Aaaah, of course!
And why didn't I think of that?

In order to prevent the smaller images to stretch vertically I changed your suggestion to:

img.hikashop_product_listing_image {
max-height: 200px;
display: block;
margin-left: auto;
margin-right: auto;
}

this did the trick!

Happy!

Last edit: 1 day 16 hours ago by Formidog.

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

Time to create page: 0.054 seconds
Powered by Kunena Forum