Turn "force image size" off for product images only

  • Posts: 256
  • Thank you received: 2
8 years 5 months ago #266835

-- url of the page with the problem -- : 217.199.187.198/jsindustries.co.uk/index.php/our-products
-- HikaShop version -- : 3.0.1
-- Joomla version -- : 3.6.5

Hi, we were wondering if there was a way to turn off the "Force image size" option for the product page images, but keep it on for the thumbnails?

At the moment the product pages get quite a lot of white space added to the top and bottom of the wider images we upload, but if we turn off "Force image size" then it gets rid of it and looks a lot better. The problem with this is that it also turns it off for the thumbnails which then makes them all uneven as they have different image sizes.

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

  • Posts: 84426
  • Thank you received: 13723
  • MODERATOR
8 years 5 months ago #266842

Hi,

If you're talking about the small thumbnails below the main image on the product page when you have several images on your product , or even the thumbnails of the products on the listing, it should be possible to add some CSS to center the images when the force image setting is turned off.
I'd need that you provide a link to a page with the issue so that I could look at the CSS though.

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

  • Posts: 256
  • Thank you received: 2
8 years 5 months ago #266900

Hi Nicolas,

Here is one of the pages affected when force image is turned off:
217.199.187.198/jsindustries.co.uk/index...recision-agriculture

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
8 years 5 months ago #266907

Hello,

I just had a look, on your Url link, and as Nicolas told you can add some Css but I notice that your image size are quite differents.
As result, your div follow the image size and you have 3 different height size, have same size image will be in my mind the better way



From this, you can use photoshop, in order to have same image size, maybe 250 x 220 px ?...
Anyway, you can add this kind of Css order :
.hikashop_category_information_menu_586 img.hikashop_product_listing_image {
    height: 185px !important;
}

Note : you can see in this tutorial how to proceed.

Regards

Attachments:
Last edit: 8 years 5 months ago by Philip.

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

Time to create page: 0.058 seconds
Powered by Kunena Forum