[SOLVED] Images from remote server... display issue

  • Posts: 117
  • Thank you received: 6
4 years 2 months ago #314817

-- url of the page with the problem -- : formidogrijswijk.nl
-- HikaShop version -- : 4.2.2
-- Joomla version -- : 3.9.14

still we are struggling with the size of the images on the product page display

95% of the images come from a remote server. We don’t have any influence on the size and proportion.
They may be square, wide or tall, small and big.

We have been fiddling with the image-settings to get it straight and although we can live with the current display we feel it can be better.

So we would like you to ask to have a look and help us.

Please have a look at www.formidogrijswijk.nl
You will see that the images op the product pages are rather small
No matter what WE fiddle… WE can’t get it better.
The max width should be 400 (if wide)
and/or
the max height should be 400 (if tall)

is there a solution for this?

Thanks in Advance

Last edit: 4 years 2 months ago by Formidog.

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

  • Posts: 81481
  • Thank you received: 13062
  • MODERATOR
4 years 2 months ago #314840

Hi,

I think you just want to increase the size in the setting "Product page image (width x height)" of the HikaShop configuration. It will only affect the product page image so it won't have any side effect for the other areas.

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

  • Posts: 117
  • Thank you received: 6
4 years 2 months ago #314867

Thanks for the quick reply Nicolas,

but... hmmmmm, if solutions would be that simple I wouldn't have to spam the forum

The images on the remote server have tall, wide and square proportions
So, when I enter 400 x 400 as values in the Product page image settings, the result is this:





I am looking for a way that the LARGEST of the measures is fitted to the max size of the product page picture, not the smallest.

What is my mistake?

Attachments:
Last edit: 4 years 2 months ago by Formidog.

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

  • Posts: 81481
  • Thank you received: 13062
  • MODERATOR
4 years 2 months ago #314868

Hi,

Then add such CSS:
#hikashop_main_image {
max-width: 400px !important;
max-height: 400px !important;
}
on top of having this setting to 400*400 and it should work properly.

The following user(s) said Thank You: Formidog

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

  • Posts: 117
  • Thank you received: 6
4 years 2 months ago #314894

I am sorry Nicolas

it does not work

With this css width AND height are 400px and thus wide images and tall images are distorted.

:-(

Attachments:
Last edit: 4 years 2 months ago by Formidog.

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

  • Posts: 81481
  • Thank you received: 13062
  • MODERATOR
4 years 2 months ago #314903

Hi,

Then try with such CSS:
#hikashop_main_image {
max-width: 400px !important;
max-height: 400px !important;
height: auto !important;
width: auto !important;
}

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

  • Posts: 117
  • Thank you received: 6
4 years 2 months ago #314932

Hallelujah!!!!

Attachments:
Last edit: 4 years 2 months ago by Formidog.

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

Time to create page: 0.083 seconds
Powered by Kunena Forum