Как заставить Responsive Slick Slider поддерживать навигационные стрелки всегда? - PullRequest
Новая
       28

Как заставить Responsive Slick Slider поддерживать навигационные стрелки всегда?

0 голосов
/ 19 июня 2019

Я использую слайдер Slick в Wordpress.Это работает, но я изменил сценарий, чтобы показывать 4 слайда вместо 3 для двух самых больших размеров экрана, установленных в адаптивном коде.Показывает 4 слайда, НО навигационные стрелки исчезли.Когда экран сжимается, чтобы показать два или три слайда, стрелки возвращаются.

Когда я смотрю на исходный код, стрелок даже нет, поэтому они не похожи на них, а просто скрыты с помощью CSS.

Я поигрался с таким количеством переменных, сколько только могу себе представить, но единственный способ получить стрелки, которые всегда отображаются, - это когда я возвращаю slidesToShow обратно к 3 вместо 4. 

 init: function init() {
    $('.featured-products').slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      infinite: false,
      responsive: [
        {
          breakpoint: 1200,
          settings: {
            slidesToShow: 4,
            slidesToScroll: 1,
            variableWidth: true,
            infinite: true,
          },
        },
        {
          breakpoint: 995,
          settings: {
            slidesToShow: 3,
            centerMode: false,
            centerPadding: '150px',
          },
        },
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 2,
            centerMode: false,
            variableWidth: false,
            centerPadding: '80px',
          },
        },
        {
          breakpoint: 490,
          settings: {
            slidesToShow: 1,
          },
        } ],
    });
...