Як працює Views SlideShow
Цей модуль використовує бібліотеку jquery (вбудовану в ядро Drupal 8) і бібліотеку jquery.cycle. Після установки цього модуля в поданні з'являється Формат відображення - Слайдшоу. щоб створити слайдер, потрібно створити Подання з Форматом відображення Слайдшоу, вивести Подання в блок і розмістити блок в потрібному регіоні шаблону сайту.
Установка Views Slideshow
Створення Уявлення "Слайдшоу"
Далі створіть Вистава "Слайдшоу" з висновком матеріалів типу Слайд, створивши блок, відобразивши Поля.
В налаштуваннях цього подання встановіть Формат відображення - Слайдшоу.
Перший крок створення Уявлення "Слайдшоу".
Налаштування полів уявлення Слайдшоу
Поле Тема потрібно зробити прихованим - Виключити з виведення. Чи не відзначайте для Заголовку чекбокс "Посилається на Вміст".
Також якщо ви хочете, можна налаштувати параметр "Текст в Title", вказавши в ньому токен поля заголовок, щоб ваші слайди містили атрибут title тега , але це вже зайве СЕО.
Додайте критерій сортування - Позиція і перемістіть його на перше місце, щоб ваші слайди сортувалися не по даті додавання, а по спеціально створеному полю Позиція.
В результаті настройки Уявлення "Слайдшоу" виглядають так:
Висновок блоку Слайдшоу
Відкрийте сторінку Структура - Схема блоків / admin / structure / block і в потрібному регіоні розмістіть блок Слайдшоу. Ви можете для цього блоку обмежити видимість тільки сторінкою
У вас з'явиться слайдшоу.
Але в ньому не буде елементів управління.
Елементи управління - стрілки і посторінковий навігатор
Редагуйте Вистава "Слайдшоу" і на рядку "Формат: Слайдшоу" натисніть Налаштування. Крім інших там є налаштування елементів управління.
Виберіть в розділі Віджети - Знизу Widgets "Елементи управління" - так у вас з'являться посилання Вперед і Назад на слайдах. Щоб правильно розмістити їх і зробити картинками, пропоную картинки і CSS:
Картинки потрібно покласти в папку images вашої теми.
Швидше за все, в цьому коді доведеться міняти імена класів. Для цього вивчайте html-код слайдшоу за допомогою FireBug.
Дане слайд-шоу адаптується під малі екрани, але не вміє адаптуватися при зміні розміру екрана без перезавантаження сторінки.