Для отображения картинок сайта в pop-up окнах необходимо установить:

1. Colorbox модуль - https://www.drupal.org/project/colorbox
2. Colorbox plugin 1.x библиотеку- https://github.com/jackmoore/colorbox/archive/1.x.zip
3. Colorbox Load модуль - https://www.drupal.org/project/colorbox_load
4. NG Lightbox модуль - https://www.drupal.org/project/ng_lightbox
5. IMCE модуль - https://www.drupal.org/project/imce

Библиотеку переименовываем в сolorbox и помещаем в папку libraries. Если такой папки нет, необходимо создать её.

Модули устанавливаем любым удобным способом и подключаем.

Теперь приступим к настройкам.

1. Переходим Администрирование – Конфигурация - Работа с содержимым - Текстовые форматы и редакторы. Выбираем “настроить” формат “Полный HTML” (Full HTML). Проверяем и, если надо, добавляем в “Активную панель” пункты “Вставить изображения используя менеджер файлов IMCE” и “Вставить ссылки используя менеджер файлов IMCE”.

2. Можно также поиграться с настройками модуля Colorbox Администрирование – Конфигурация – Media - Настройки Colorbox. Тут можно выбрать стиль pop-up и т. д.

3. Добавляем изображение в статью.

- Заходим в редактор, формат “Полный HTML”.

- Кликаем на иконку “Вставить изображения используя менеджер файлов IMCE”.

- Закачиваем изображение в любую папку и выбираем его. После этого изображение появилось на странице.

- Выделяем его и кликаем на иконку “Вставить ссылки используя менеджер файлов IMCE”, в окне опять выбираем это же изображение.

- Переходим в формат “Ограниченный HTML” ( Plain text ).

- Добавляем ссылке класс "colorbox". Получается что-то вроде:

<a class="colorbox" href="/sites/default/files/colorbox/image0.png"><img alt="" data-entity-type="" data-entity-uuid="" height="569" src="/sites/default/files/colorbox/image0.png" width="882" /></a>

-Сохраняемся.

4. Проверяем )