0

Создаем простой слайдер в Drupal 8

Устанавливаем и включаем модуль slick views:

composer require drupal/slick_views ; drush en slick_views -y ; drush en slick_ui -y

Композер сам найдет и установит дополнительные модули: slick, slick ui.


Заходим на страницу Отчет о состоянии:

/admin/reports/status

Slick требует установки библиотек.

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

В терминале заходим в папку libraries, что в корне сайта.

cd ~/user/site/libraries

Если ее нет, то создаем.

mkdir ~/user/site/libraries

Переходим на страницу каждой библиотеки, нажимаем кнопку Clone or download и копируем путь:

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

Находясь в папке libraries, клонируем библиотеки:

git clone https://github.com/dinbror/blazy.git ;
git clone https://github.com/kenwheeler/slick.git

Заходим на страницу настроек модуля Slick и делаем дубликат шаблона.

/admin/config/media/slick
Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

Меняем название и машинное имя и сразу же сохраняем. Для простого слайдера стандартных настроек достаточно.


Создаем новое представление и меняем формат с Неформатированный список в Slick Carousel.

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

Нажимаем галку Vanilla Slick, меняем Optionset main на созданный ранее Slider и сохраняем.

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

В настройках представления указываем что выводить, сколько и как:

Я вывожу статьи, две штуки в режиме отображения анонс.

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

Сохраняем представление.


Результат в теме Bartik

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

Вот и все. Если вам нужна карусель из нескольких столбцов или даже рядов, то вы можете самостоятельно в настройках Optionset поменять их количество.