Устанавливаем адаптивный слайдер Slick на Drupal 7

Слайдер Slick позволяет установить адаптивное слайдшоу на сайт.
Скачиваем и устанавливаем https://www.drupal.org/project/slick и зависимости
Скачиваем библиотеку https://github.com/kenwheeler/slick/
Распаковываем, переименовываем скачанное "slick-master" в "slick"
Закачиваем на сайт в sites/../libraries, так чтобы было доступно
sites/../libraries/slick/slick/slick.css
sites/../libraries/slick/slick/slick-theme.css (optional if a skin is chosen)
sites/../libraries/slick/slick/slick.min.js
Для оптимизации изображений для различных разрешений устройств. Имплементирует форматтер вида для поля image.
https://github.com/gdsmith/jquery.easing, должно быть доступно:
sites/../libraries/easing/jquery.easing.min.js
Создаем тип материала "слайдер" slider, добавляем поля image, выбираем по умолчанию "не опубликовано"
Создаем представление "слайдер" slider, добавляем поля image, убираем создать страницу, выбираем создать блок

аccessibility – начальное значение этого параметра установлено как true, он отвечает за подключения навигационных кнопок для слайдера – это стрелки вперед и назад, а также кнопки в виде точек.
adaptiveHeight – применяется только к одиночному слайдеру, у которого будет изменятся высота родительского контейнера в зависимости от высоты слайдера. В начальных условиях настройка не подключена.
autoplay – настраивает перелистывание слайдов в автоматическом режиме, без вмешательства пользователя. Стандартное значение этой настройки соответствует false.
autoplaySpeed – этот параметр является вспомогательным для autoplay и устанавливает промежуток времени, по истечении которого будет осуществлено автоматическое перелистывание слайда. Изначально для него прописано значение 3000 миллисекунд.
arrows – подключает к слайдеру стрелки вперед и назад. С помощью таблицы внешних стилей можно изменять положение и внешний вид этих стрелок.
asNavFor – устанавливает навигационную связь между двумя слайдерами посредством идентификатора или класса. В начальных условиях параметр соответствует нулевому значению.
prevArrow – позволяет изменить внешний вид стандартной навигационной стрелки, которая отлистывает предыдущий слайд.
nextArrow – аналогичен функциям предыдущему параметру, но отвечает за стрелку, переключающую слайд вперед.
centerMode – фиксирует текущий слайд по центру родительского контейнера, изначально параметр выключен.
centerPadding – при включенном центральном режиме показа текущего слайда (предыдущий параметр) устанавливает для этого слайда внутренний отступ, что визуально позволяет увеличивать текущий слайд.
cssEase – отвечает за анимацию переключения картинок, может делать ее плавной или более резкой. Принимает стандартное значение 'ease'.
customPaging – позволяет вставлять собственный шаблон для просмотра слайдера.
dots – подключает точки-переключатели, по умолчанию находится в выключенном состоянии.
draggable – подключает возможность перелистывания слайдов зажатием мышки. То есть, если навести на слайдер курсор мыши, зажать ее и передвинуть в сторону, то и слайд переключится на следующий.
fade – создает эффект затухания слайда при переключении, анимационный эффект.
focusOnSelect – фокусирует заданный элемент слайдера.
easing – позволяет установить особый анимационный режим при переключении картинок.
edgeFriction – отключает переключение слайдов на последнем элементе. Срабатывает только в том случае, если слайдер не зациклен.
infinite – зацикливает показ слайдов. Это значит при переключении последней картинки слайд-шоу начнется сначала.
initialSlide – определяет картинку, с которой начнется показ слайд-шоу. По умолчанию слайдер для старта выбирает первое по порядку изображение.
lazyLoad – позволяет установить режим подгрузки следующих слайдов. Доступно только 2 значения для настройки: 'ondemand' и 'progressive', причем последнее является значением по умолчанию.
pauseOnHover – останавливает перелистывание слайдов при наведении курсора мыши на тело слайдера. Работает, только если определено автоматическое переключение слайдов.
pauseOnDotsHover - останавливает перелистывание слайдов при наведении курсора мыши на точечные переключатели. Работает, только если определено автоматическое переключение слайдов.
respondTo – вызывает реакцию на изменения ширины окна браузера. Для использования доступны три значения: 'window', 'slider' или 'min'.
responsive – позволяет адаптировать настройки слайдера под ширину экрана. Отличается от предыдущей настройки тем, что ограничение ширины определяется точным значением в пикселях. Используется для адаптивной верстки под мобильные устройства.
slidesToShow – позволяет установить количество картинок, выводимых в видимой зоне. Изначально показывается 1 слайд, но этим значением можно варьировать.
slidesToScroll – сообщает слайдеру сколько нужно поменять картинок при переключении.
speed – фиксирует скорость, с которой будет осуществляться переключение слайдов.
variableWidth – адаптирует ширину контейнеров слайдера под ширину каждой показываемой картинки.