Thumbnail Size And Position

General General Questions
1

I want to change the size and the position of the thumbnails on product page as in attached pic.
Which files should i edit?

Thank you

Untitled-2.jpg

2

Check the example in the Big Picture product template

http://demo.cs-cart.com/stores/bb46876446d02492/apparel/shoes/nike-tenkay-slip-txtl-womens-shoe/

3

Yes, that is what i need exactly. What's the way?

4

Yes, that is what i need exactly. What's the way?

Ok. I found it. Thanks

5

Ok. I found it. Thanks

And the answer is ?

6

And the answer is ?

Settings>Appearance>Customer Settings>Product detailed page view>The big picture

But couldn't figure out how to edit thumbnails' sizes.

7

design/themes/THEME/templates/blocks/product_templates/bigpicture_template.tpl

correct the following part of code

thumbnails_size=55
8

design/themes/THEME/templates/blocks/product_templates/bigpicture_template.tpl

correct the following part of code

thumbnails_size=55

Thank you very much!

I changed the size to 85, so it worked fine with a little more edition on styles.less as follows which are red;

.ty-product-bigpicture__as-thumbs .ty-product-thumbnails {
float: left;
margin: 0 -90px 0 0;
width: 85px !important;
position: relative;
z-index: 5;
}
.ty-product-bigpicture .ty-product-bigpicture-thumbnails_gallery {
padding-left: 60px;
}
.ty-product-bigpicture .ty-product-img {
border: 0;
float: right;
width: 100%;
}
.ty-product-bigpicture .ty-previewer {
text-align: center;
margin-left: 90px;


And now i have 8 thumbnail images on the left, but i want only 5 of them to be shown and the others when scrolled by an arrow button at the bottom.

How can i manage this?

Thanks in advance.
9

Not sure if it is supported by this template, but try to enable the Settings -> General -> Display mini thumbnail images as a gallery setting

10

Not sure if it is supported by this template, but try to enable the Settings -> General -> Display mini thumbnail images as a gallery setting

No, i've tried this before but it doesn't work.
This moves the thumbnail gallery from the left side to the bottom of the main picture.

Thanks for your attention.

11

Hi, not sure to be on the right post; i'm looking for precise rules for resizing main pictres and second pictures; When size is correct (using for ex 1200 x 1200 px), zooming is too large. By using a smaller size, this is the picture of the product that's too small..where is the right relation or "equation" between having a large enough picture and a "not too large" zoom ?

12

No, i've tried this before but it doesn't work.
This moves the thumbnail gallery from the left side to the bottom of the main picture.

Thanks for your attention.

I am afraid, additional code customization is required in this case