Configuration settings for small preview images?

-- url of the page with the problem -- : www.veggievore.com/dvd/six-dvd-bundle
-- HikaShop version -- : 2.5.0 Business
-- Joomla version -- : 3.4.3
-- PHP version -- : 5.6.9
-- Error-message(debug-mod must be tuned on) -- : no error message

I am wondering if you know if the seven small preview images on this page just below the product page image have their size determined in HikaShop or within the template. I have been trying to find a setting. I would like to increase the size of the seven small images to that three of the images would end up lining up with the left and right edge of the larger image.

I am attaching an image here with you can see that the main product image is 320 pixels wide. I would like the width of the three columns total to also equal 320 pixels. I am wondering how I might get control of this?

Here is the page: www.veggievore.com/dvd/six-dvd-bundle

I actually believe that I can do it with a css fix but am wondering if there is a configuration option instead?

Here is the CSS I think would work:

.hikashop_small_image_div img {
width: 104px;
margin-right: 5px;
padding: 1px !important;
float: left;
padding: 1px;
background: #fff;
border: 1px solid #fcdbba;
}

Thanks, Sean

PS. Also, you will notice that none of the video cover images are being cropped and resized. I suspect this is something you might be taking care of with some configuration settings? I would like to be able to specify the size of the images and margins and then have the system create the resized smaller imaages rather then uploading very large images like they are doing now!

Hi,

You have to play with the "Thumbnail width" and "Thumbnail height" options in Configuration > Main > Images.
If that doesn't change the image size, so that's potentially due to a view override done by your template.

If it is the case, a css property could indeed be the solution, if the image is the same than the main image on the product page so it will not change the time load as the image will be cached by the browser.

Thank you very much for the reply. My template provider believes these settings are with HikaShop and not the template. I have changed the width and height of the thumbnails in the System->Configuration->Main->Images section as you suggested.

I have set the Thumbnail width to be 104 pixels and the Thumbnail height to be 137 pixels.

But, the images being served are much larger. I reduced the size of the images via the Product page image width settings and now the images are not quite as big but for some reason the settings for Thumbnail width and Thumbnail height seem to not be working. Those images are the same actual size as the product page images but are displaying within a different grid size.

I have attached an image of my settings.

OK. Thank you very much. I will add the CSS tweak now that I understand.

Sean