Создание портфолио на Drupal 8

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 и активировал всплывающие окна, для миниатюр же выбрал размер 100×100.

магнифик попап

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

страница проета

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

картинка в модальном окне

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

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

Ну вот и всё)

Статья была полезной? Поделитесь с друзьями!
Метки: