Space and size of Thumbnails

-- HikaShop version -- : Essential 2.3.5
-- Joomla version -- : 3.4.0
-- PHP version -- : 5.3.29
-- Browser(s) name and version -- : IE 11, FF, Chrome

Hi,

i have 2 problems with the view of the thumbnails at the product page.

1. the main (big) image has the perfect size but the 3 thumbnails below are two small. how can i change the size.
(please see attached file)

2. the space between the main image and the 3 thumbnails is very big. How can i change the "padding"? it should be smaller on every responsive view.
(please see attached file)

Thanks.
Best Regards
George

Hi,

To change the size you have to edit the settings in HikaShop > Main > Images.

Regarding the space it looks like a template issue, please follow that tutorial:
www.hikashop.com/support/support/documen...ize-the-display.html

Hi.

I know the settings Main > Images... but there is no field for the mini thumbs where i want to change the size.

There are...

• Thumbnail width
• Thumbnail height
• Product page image width
• Product page image height
• Image width
• Image height

I tried every of these field but no one changes the size of the mini thumbs in my screenshot.

Hi,

For these, you can do like explained here:
www.hikashop.com/support/support/documen...ling.html#thumbnails

What is the name of the file were I should make these changes?
Edit:
I found it:
System > display > CSS > Front-end CSS File > choose 'default' to load the frontend_custom.css file > click on the pencil to edit

img.hikashop_child_image{
margin : 2px;
height:100px;

Hello,
I have made the changes described above as well, but what I also would like done is to have the images running left to right and not stacked vertically. Where would I find this code?

Hi,

I don't see anything in that thread to change the "alignment" of the thumbnails.
You will have to customize the page using some CSS and maybe some view override.
www.hikashop.com/support/support/documen...-display.html#layout

Regards,