Product details images layout

how can i change images to look like here:
http://www.templatemonster.com/ru/demo/58271.html
or here
https://names.ru/catalog/women/shoe/ank ... 1#11618656

Hi

I'm sorry, but Your question is really hard to understand. Can You please be more detailed about what images and where at least ?

inStyle template, VM product details
http://truecharm.ru/index.php/shop/shop ... ynn-detail
thumbnails are are under main image, i want them on the left from main image like here:
https://names.ru/catalog/women/shoe/ank ... 1#11618656

Hi

I'm afraid Your link goes to 404 page and all of Your menu options has only # sign in it's addresses. Please tell me the exact url to the page where I'll be able to see an example to see if this will be possible easy.

how it should be:
https://names.ru/catalog/women/shoe/ank ... 1#11618656
how it is:
http://truecharm.ru/index.php/2016-04-1 ... ynn-detail

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.productdetails-view .productDetails > div {
    position: relative;
}

.additional-images {
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100px;
}

.additional-images img {
    margin: 0 0 0 6px;
    width: 100%;
}

.productDetails .main-image {
    margin-left: 100px;
}