Drupal 8. Создание портфолио. Часть №2

Давайте продолжим. А начнем с того что добавим еще одно поле с изображениями, только данное поле будет для дополнительных фотографий с неограниченной возможностью загружать оные - так его и назовем:

Модуль Shuffle поддерживает и поля выступая в качестве форматтера и может взаимодействовать с библиотекой magnific popup, которую мы и скачаем вот по этой ссылке download после чего создадим в папке libraries каталог magnific-popup полный путь к которому от корня сайта будет таким: /libraries/magnific-popup.

Теперь в этот каталог скопируем из скачанного нами архива два файла jquery.magnific-popup.min.js и magnific-popup.css должно получиться так:

- /libraries/magnific-popup/jquery.magnific-popup.min.js
- /libraries/magnific-popup/magnific-popup.css

Теперь просто настроим всё что у нас есть, а именно в качестве форматтера для дополнительных изображений я выбрал Shuffle formatter и активировал всплывающие окна, для миниатюр же выбрал размер 100x100.

Для обложки выбрал в качестве форматтера colorbox(как им пользоваться думаю знают все) вот что у меня получилось:

А так работает всплывающие окна:

Для того чтобы задать отступы миниатюрам я просто добавил немного правил css:

.field-shuffle-display .shuffle-inner img {
    margin: 0;
    padding-right: 5px;
}

Ну вот и всё)