Опубликовано: 18 апреля 2016
Число карточек в списках товара. Есть решение
Подскажите пожалуйста, как сделать, чтобы выводилось 3-и карточки, вместо 5-и?
- Коломна, ул. Кирова, 60а, офис 7
- +7 (995) 656-25-45
- kolmakov.igor@gmail.com
Опубликовано: 18 апреля 2016
Подскажите пожалуйста, как сделать, чтобы выводилось 3-и карточки, вместо 5-и?
Комментарии (4)
по идеи, отображается по новой строке каждый раз при клике "показать еще" - демо http://profitbuy.wm-site.ru/
адрес сайта укажите
http://rivalshop.ru/
Да, но в строке указано выводить по пять позиций, где можно изменить код на три позиции?
Вы переопределили стили - ширину карточек товара
в стандартной ширине в строке как раз и умещалось 5 товаров
что бы изменить кол-во отображаемых товаров в списке,
1. в файле "head.html" замените строку
<script type="text/javascript" src="{$wa_active_theme_url}profitbuy.shop.min.js?v{$wa_theme_version}"></script>
на
<script type="text/javascript" src="{$wa_active_theme_url}profitbuy.shop.js?v{$wa_theme_version}"></script>
2. в файле "profitbuy.shop.js"
после строки
$(".product-list.thumbs.carousel").owlCarousel({
идет перечисление указаний для разных разрешений экрана (в 2 последних дополнительное условие есть сайтбар или нет)
$(".product-list.thumbs.carousel").owlCarousel({ //loop: true, dots: false, items: 1, nav: true, navText: ["",""], responsive: { 0: { items: 1 }, 481: { items: 2 }, 741: { items: 3 }, 993: { items: $('.without-sidebar').length == 0 ? 4 : 3 }, 1281: { items: $('.without-sidebar').length == 0 ? 5 : 4 } } });в последней строке измените цифру 5 на 3
так же Вам стоит проверить кол-то отображаемых товаров при меньших разрешениях и в случае некорректного отображения изменить кол-во товаров
Спасибо!