1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Slick slider адаптивность к разным экранам

Главные вкладки

Аватар пользователя serafimm serafimm 5 марта 2023 в 15:35

Здравствуйте! Где в настройках друпал9 есть "рычажки" для настройки адаптивности Slick slider к разным экранам в теме bootstrap?
Чтобы на например экранах 1024-1440 по 3 слайда, на мобильном 1, на планшетном 768: 1-2 изображения.
Никак не могу найти

Комментарии

Аватар пользователя chelwolf chelwolf 5 марта 2023 в 17:05

Не использую готовые модули, темизирую вручную. Параметры брейкпоинтов задаю при инициализации. Мой пример настройки слайдера с брекпоинтами:

(function ($) {
        Drupal.behaviors.behaviorPartnersSlick = {
                attach: function (context, settings) {
                        $('.partner-slider').slick({
                                dots: false,
                                infinite: true,
                                slidesToShow: 5,
                                slidesToScroll: 1,
                                autoplay: true,
                                autoplaySpeed: 5000,
                                responsive: [
                                {
                                  breakpoint: 992,
                                  settings: {
                                        slidesToShow: 4
                                  }
                                },
                                {
                                  breakpoint: 768,
                                  settings: {
                                        slidesToShow: 3
                                  }
                                },
                                {
                                  breakpoint: 576,
                                  settings: {
                                        slidesToShow: 2
                                  }
                                }
                                ]
                        });
                }
        }
}(jQuery));
Аватар пользователя pselfin pselfin 6 марта 2023 в 15:37

+1
Модули зачастую просто не поспевают за функциями с библиотеках, админка такого модуль становится страшнее только