Отображение изображений

[artefakt777]

Подскажите, в связи с чем такое кривое отображение? product.tpl стандартный. Спасибо.

 

[xprocessorx]

код в студию!

 

[artefakt777]

Вот, пожалуйста.

Код стандартный, как и говорил.

 

[artefakt777]

Я так понимаю здесь какого-то javascript не хватает. Проверить бы какого.

 

[adikWAR]

У меня так было с отображением в IE. Как уже сказали, не выполняется какой-то javascript.

 

[artefakt777]

Не вижу разницы в отображении в разных браузерах. Кстати обновление Opencart до последней версии не помогает.
Также собирался решить проблему установкой Magic Zoom Plus, но модуль также отказался работать.

 

[bezzubtsev]

product.tpl тут не причем.
Если работает функционал, т.е. картинки увеличиваются, всплывающее окно работает - то просто допишите CSS стиль отображения.
Если картинки ничего не делают - значит не работает jQuery скрипт вашего шаблона.
Судя по кнопкам в правой части - у вас не стандартный шаблон, и соответственно код в header.tpl и в контроллере продукта.

 

[ModuLe]

Судя повсему нету стиля для <li>...</li> елемента, проверьте есть ли css класс для <li class="image-additional"> и <ul class="thumbnails">

 

[artefakt777]

да, действительно банальщина. Не было стилей в шаблоне.

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}
.thumbnails > li {
    margin-left: 20px;
}
.thumbnails {
    margin-left: -20px;
}
.thumbnails > img {
    width: 100%;
}

.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd;
}
.image-additional {
    max-width: 78px;
}
.thumbnails .image-additional {
    float: left;
    margin-left: 20px;
}

Дописал, все встало на свои места.