Проблема с каруселью на сайте Новый


Есть сайт на MODX EVO.
На нем карусель товаров.
Если товаров в категории мало – 1,2,3,4 – они некорректно отображаются.
Если больше – все нормально.
5 товаров – joxi.ru/8AnW33kCQgBRrO
4 товара – joxi.ru/xAeE88Ktna04Ay.
3 товара – также
2 товара – joxi.ru/5mdoGGLhOZxkr1
1 товар – также
6 и более -нормально
Может кто помочь с проблемой?
Заранее спасибо.
19 октября 2016, 12:39    Андрей   
0    331 0

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

  1. Евгений Webinmd 19 октября 2016, 14:34 # 0
    Какой скрипт, как вызывается? есть ли пример?
    1. Андрей 19 октября 2016, 14:49 # 0
      Могу ссылку на сайт дать
      1. Евгений Webinmd 19 октября 2016, 15:11 # 0
        было бы не плохо
      1. Евгений Webinmd 19 октября 2016, 15:59 # 0
        один из возможных вариантов решения это убрать классы бутстрапа из слайдера, то есть использовать другой чанк, возможно из-за них слайдер неверно высчитывает размеры блоков
        1. TITAN-UZ 19 октября 2016, 17:54 # 0
          Работает без проблем
        2. Дмитрий Меркурьев 19 октября 2016, 19:04 # 0
          Попробуйте убрать row-flex у контейнера, воpможно flex мешает. У меня slick работает во многих местах без проблем.
          1. Андрей 20 октября 2016, 13:58 # 0
            не помогло
            1. Дмитрий Меркурьев 20 октября 2016, 14:11 # 0
              А вызов slick как выглядит?
              Для примера вызов в одном из проектов:
              var $slickSlider = $('#slick-slider');
              if ($slickSlider.length > 0){
              	$slickSlider.slick({
              		dots: true,
              		speed: 300,
              		slidesToShow: 4,
              		slidesToScroll: 4,
              		responsive: [
              			{
              				breakpoint: 1400,
              				settings: {
              					slidesToShow: 3,
              					slidesToScroll: 3
              				}
              			},{
              				breakpoint: 1168,
              				settings: {
              					slidesToShow: 2,
              					slidesToScroll: 2
              				}
              			},{
              				breakpoint: 900,
              				settings: {
              					slidesToShow: 1,
              					slidesToScroll: 1
              			}
              			},{
              				breakpoint: 768,
              				settings: {
              					slidesToShow: 2,
              					slidesToScroll: 2
              				}
              			},{
              				breakpoint: 560,
              				settings: {
              					slidesToShow: 1,
              					slidesToScroll: 1
              				}
              			}
              		]
              	});
              }
              
              1. Андрей 20 октября 2016, 16:08 # 0
                У меня не slick слайдер
                1. Дмитрий Меркурьев 20 октября 2016, 16:25 # 0
                  Это из вашего js
                  $(".carousel-products-relative").slick({ ...
                  
                  А это кусок разметки:
          2. Андрей 21 октября 2016, 09:22 # 0
            Убрать row-flex не помогло
            1. Андрей 24 октября 2016, 09:25 # 0
              Спасибо всем. проблема решена
              Вы должны авторизоваться, чтобы оставлять комментарии.