xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Разрешаем открывать в Colorbox инлайновый картинки в тексте ноды

Опубликовано в

В седьмом друпале в настройках Colorbox была опция "Enable Colorbox load", позволяющая ссылкам с классом colorbox-load открываться в колорбоксе. В восьмой версии эту опцию удалили, но её достаточно просто вернуть с помощью кода:

/**
 * Preprocess variables for page.html.twig.
 */
function THEMENAME_preprocess_page(&$variables) {
  \Drupal::service('colorbox.attachment')->attach($variables);
}

Сбрасываем кэш.

После этого можно в любом месте выводить ссылки с классом colorbox (не colorbox-load), которые будут открываться в колорбоксе:

<a href="image-big.jpg" class="colorbox"><img src="img-thumb.jpg" /></a>
Написанное актуально для Colorbox 8.x-1.4
Похожие записи

Комментарии RSS

Куда пихать этот код?)))

В themename.theme например

Fatal error: Cannot redeclare mytheme_preprocess_page() (previously declared in C:\OSPanel\domains\test\themes\mytheme\mytheme.theme:14) in C:\OSPanel\domains\test\themes\mytheme\mytheme.theme on line 35
Colorbox 8.x-1.4 включен и работает.

Начните с этого http://www.php.su/php/intro/
Друпал вам ещё рано.

В php не силен, что есть то есть, но с drupal давно работаю с 6-ой версии, теперь осваиваю 8ку, хотелось бы понять, что делаю не так.

2 Гость
Короче как я понимаю у вас на 14 строке уже создана функция THEMENAME_preprocess_page, просто допишите в нее строку:

\Drupal::service('colorbox.attachment')->attach($variables);

2 Гость
Короче как я понимаю у вас на 14 строке уже создана функция THEMENAME_preprocess_page, просто допишите в нее строку:

\Drupal::service('colorbox.attachment')->attach($variables);

Вы правы, только ошибка была на 35 строке. Спасибо огромное.

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании