Опубликовано: 21 июля 2015

Отобразить эскизы изображений на странице товара таблицей Есть решение

Добрый день!

Просьба открыть видимость фото в карточке товара

https://gurusan.host.webasyst.com/1797-3/

с трех до шести или семи.

Как будет лучше смотреться, второй строкой или в одну строку, Вам наверно будет лучше видно.

Пример как хочется видеть

http://santehnika-online.ru/product/mebel_dlya_van...


Заранее спасибо.

Комментарии (1)

  • Решение
    Игорь Колмаков +17 21 июля 2015 12:11 #

    В примере, миниатюры изображений отображаются списком без слайдера по 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>

    3

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх