Опубликовано: 21 июля 2015
Отобразить эскизы изображений на странице товара таблицей Есть решение
Добрый день!
Просьба открыть видимость фото в карточке товара
https://gurusan.host.webasyst.com/1797-3/
с трех до шести или семи.
Как будет лучше смотреться, второй строкой или в одну строку, Вам наверно будет лучше видно.
Пример как хочется видеть
http://santehnika-online.ru/product/mebel_dlya_van...
Заранее спасибо.
Комментарии (1)
В примере, миниатюры изображений отображаются списком без слайдера по 4 изображения в строке.
сделать подобное можно следующим образом:
в файле "product_galery.html" (магазин-витрина-шаблоны)
1. заменить
$('#product-gallery ul').jcarousel({
scroll: 1,
buttonNextHTML: '<div><i class="icon-angle-right"></i></div>',
buttonPrevHTML: '<div><i class="icon-angle-left"></i></div>'
});
на
/*$('#product-gallery ul').jcarousel({
scroll: 1,
buttonNextHTML: '<div><i class="icon-angle-right"></i></div>',
buttonPrevHTML: '<div><i class="icon-angle-left"></i></div>'
});*/
2. в самом начале файла пропишите стили - следующий код
<style>
div#product-gallery {
text-align: left;
background-color: #eee;
padding:4px;
}
li.product-image-thumbs {
display: inline-block;
margin-bottom: 4px;
}
.gallery ul li a img {
border: 4px solid #fff;
max-width: 73px;
max-height: 72px;
box-shadow: 0 0 2px #999;
}
</style>