Меню Рубрики

Установка colorbox на друпал

Drupal Русскоязычное сообщество

Здравствуйте. Настроил Colorbox, что не пробовал не получается сделать следующую идею) При нажатии должна увеличивать картинка) Что подскажите)
http://vyborg.tw1.ru/sites/default/files/styles/medium/public/content/st.

Вложение Размер
0f45d2d7dc.jpg 45.54 КБ
2b0839f144.jpg 145.12 КБ

Комментарии

Кроме модуля его библиотелка установлена? Скорее всего нет.
Ридми модуля прочли? Там написано, откуда взять библиотеку и куда скопировать. Работает без композера, который вы и я никак не освоим.

Тогда не знаю. Попробуйте в другой теме мало ли.
http://vyborg.tw1.ru/node/17 — не вижу что js от колорбокса есть. И эту ссыль вы должны дать, а не я.

Чего-то у Вас там с js-скриптами..
Ошибки в консоли браузера: Drupal.ajax.prototype не прототайп

Отключите до полной готовности сайта агрегацию js и css. Еще слишком рано ее включать.
Может что-то прояснится..

— Отключить объединение js и css
— Проверить F12 + console на наличие ошибок
— сtrl + U проверить наличие нужных библиотек колобка и друпального колобка

Как я понимаю в данной теме не работает обработка скриптов
name: Modern Base theme
type: theme
base theme: false
description: ‘Base theme based on modern frontend frameworks. Help to create rapid modern web for drupal 8.’
package: ‘mbase’

regions:
branding: ‘Branding’
navigation: ‘Navigation’
header: ‘Header’
highlighted: ‘Highlignted’
help: ‘Help’
content: ‘Main Content’
sidebar_first: ‘Sidebar First’
sidebar_second: ‘Sidebar Second’
footer: ‘Footer’
page_top: ‘Page Top’
page_bottom: ‘Page Bottom’

# core: 8.x
# version: VERSION
stylesheets-remove:
— ‘core/misc/vertical-tabs.css’
— ‘@system/css/system.theme.css’
— ‘@system/css/system.module.css’
— ‘@system/css/components/container-inline.module.css’
— ‘core/assets/vendor/normalize-css/normalize.css’
— ‘core/misc/dropbutton/dropbutton.css’
— ‘core/misc/dropbutton/dropbutton.theme.css’
— ‘@stable/css/system/system.admin.css’
— ‘@stable/css/system/components/tabledrag.module.css’
— ‘@stable/css/system/components/fieldgroup.module.css’
— ‘@stable/css/core/dropbutton/dropbutton.css’
# Remove some scripts
javascript-remove:
— ‘core/modules/text/text.js’

# version: ‘8.x-3.x-dev’
# core: ‘8.x’
# project: ‘mbase’
# datestamp: 1434064033

# Information added by Drupal.org packaging script on 2015-10-05
# version: ‘8.x-1.0-alpha1+6-dev’
# core: ‘8.x’
# project: ‘mbase’
# datestamp: 1444044172

# Information added by Drupal.org packaging script on 2016-02-15
# version: ‘8.x-1.0’
# core: ‘8.x’
# project: ‘mbase’
# datestamp: 1455557640

# Information added by Drupal.org packaging script on 2017-04-27
version: ‘8.x-1.1’
core: ‘8.x’
project: ‘mbase’
datestamp: 1493296750

Если нет, то как прописать? Спасибо

PS Нашел статью
Чтобы добавить библиотеку на все страницы сайта, нужно в файле темы *.info.yml прописать параметр libraries с именем библиотеки в формате extension_name/library_name:

libraries:
— mytheme/global-styling
— mytheme/mylibrary

Если вы будете больше делать, что вам советуют и меньше понимать — то у вас всё заработает

Вот это всё, что вы написали — это вообще не то.

Нужно открыть в браузере консоль JavaScript и посмотреть, какие там ошибки.

http://vyborg.tw1.ru/node/17 — чето с AJAX связано судя по консоли.

Судя по всему, у вас не загружается библиотека ajax. Можно в libraries.yml в библиотеку темы добавить

Но правильнее было бы выключить на сайте агрегацию js и проверить, работает ли без неё.

Автор скинул в личку, что выключена.

Тем не менее, скрипты всё равно тянутся из sites/default/files.

Трекер

Как создать страницы на основе 2х словарей без создания нод?

Установка Drupal на хостинг через Composer

Написать или допилить работу с яндекс кассой в Drupal 8 Commerce 2

Ошибка капчи

Борьба с пингвинами

Заказ на адаптивный дизайн для сайта радио + дизайн проигрывателя аудиопотока (стрим)

Раскрытые фильтры views

Как темизировать выпадающее меню drupal?

Как сделать фотогалерею в 3 колонки?

Drupal-шашлыки 404

Новые материалы

Как создать страницы на основе 2х словарей без создания нод?

Заказ на адаптивный дизайн для сайта радио + дизайн проигрывателя аудиопотока (стрим)

Как темизировать выпадающее меню drupal?

Drupal-шашлыки 404

Как сделать фасет, в котором можно выбрать сначала Область, потом Город? Типа иерархического выбора.

Как сделать фотогалерею в 3 колонки?

Как удалить карту, встроенную в страницу?

помогите завершить заказ через Robokassa

Установка Drupal на хостинг через Composer

Борьба с пингвинами

Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.

источник

Как установить и настроить лайтбокс (colorbox) на Drupal

vladimir ср, 01/30/2013 — 20:44 Drupal

Модуль Colorbox позволяет интегрировать Colorbox на Drupal. Для интеграции на сайт требуется библиотека jquery (начиная с 5 версии Drupal jquery уже встроена в ядро drupal).

Скачиваем нужные компоненты:

  • Colorbox module
  • Colorbox plugin

Модуль colorbox добавляет следующий функционал на сайт:

  • Интеграция с Image field и Image styles
  • Возможность выбора стиля отображения colorbox по умолчанию, а также 5 предустановленных стилей
  • Возможность настройки стиля отображения Colorbox для вашей темы с помощью файла colorbox.css

Функционал, обеспечиваемый плагином Colorbox:

  • Поддержка изображений, групп изображений, sl >Установка плагина . Разархивируем скачанный плагин colorbox. Переименовывем папку с плагином в colorbox и копируем её в «sites/all/libraries» (если папки libraries нет, нужно её создать.
  • Установка модуля . Если вы еще не скачали модуль colorbox с сайта drupal.org скачивайте. Затем включаем модуль в админке в разделе модули.

Настройка colorbox для drupal 7

Заходим в раздел Конфигурация -> Мультимедиа -> Colorbox . В данном разделе можно настроить внешний вид colorbox. В выпадающем меню Стиль можно выбрать предустановленные стили. Вы также можете установить свой собственный стиль. Внешний вид стилей:

Загрузка картинок из ссылок

На данном этапе colorbox для изображений прекрасно работает. Для этого после установки чистим кеш! Затем к ссылке добавляем класс colorbox и указываем путь на необходимое изображение. Например так:

Загрузка контента в colorbox

В настройках colorbox включаем пункт Включить загрузку через Colorbox. Эта функция позволяет отображать контент в режиме colorbox. Необходимо добавить класс colorbox-load к нужной ссылке и добавит путь вида:

Рассмотрим пример. При клике на картинку откроем в режиме colorbox страницу со статьей:

Загрузка inline-контента в colorbox

В настройках colorbox включаем пункт Включить Colorbox для inline-элементов. Отмечу, что под inline-контентом в данном случае имеется ввиду любое содержимое встроенное в текущую страницу. Например, необходимо отобразить div с определенной информацией в рижиме colorbox при клике на ссылку. Достаточно сделать этот контейнер скрытым и присвоить id:

источник

Изображения сайта в всплывающих окнах (colorbox+insert button)

Различные плагины для библиотеки Jquery настолько плотно вошли в нашу, что сейчас даже при разработке простейшего сайта без внедрения данных плагинов не обойтись. Одним из таких реализация является плагин «Colorbox», а для работы с ним в Drupal был создан модуль, который также называется «Colorbox». При помощи данного модуля можно вывести очень многое с сайта в всплывающее окно. Я же вам покажу как вывести в в это самое окно – изображения. Итак приступим.

1.Скачиваем модуль « Colorbox » отсюда, устанавливаем и активируем модуль. Как устанавливать модуль в Drupal можно почитать вот здесь. Далее нам необходим сам плагин, иначе только что установленный модуль будет просто бесполезен.

2.Скачиваем плагин вот отсюда. Распаковываем его и копируем в папку sites/all/libraries . Если папки libraries нет, то её необходимо создать. Полный путь у вас должен выглядеть вот так

3.Идём в настройки модуля «Colorbox» (Конфигурация->Colorbox) и в разделе «Colorbox Plugin Settings» в поле « путь » пишем полный путь до расположения нашего плагина, а именно:

Это делается для того, что наш с вами модуль, знал где находится плагин.

4.Далее нам нужно прицепить вывод изображения для какого-нибудь типа материала, пусть это будет «Article». Переходим по пути «Структура->Типы материалов» и напротив типа материалов «Article» переходим в пункт «Управлять отображением»

Далее в поле «image» в пункте «формат» меняем «изображение» на «Colorbox» и далее нам необходимо настроить нужный формат вывода, поэтому жмём на колесико.

Перед нами откроется панель настройки формата вывода. И здесь в пункте «формат» в поле «Node image style» выбираем значение «large».

Далее жмём 2 раза сохранить. Теперь нам необходимо проверить, что нам это дало. Поэтому создадим позицию для данного типа материала и загрузим изображение.

Видим, что плагин срабатывает так как нам нужно. Но у этого вывода есть одно, но очень большое «НО», все изображения которые мы будем загружать будут выводить по порядку вверху, а не в том месте где нам нужно. Поэтому нам необходим так же ещё и модуль «insert».

5.Скачиваем, устанавливаем и активируем модуль. На этом месте подробно не будем останавливаться. Скачать модуль можно здесь. После активации модуля в настройках «Colorbox» должен появиться дополнительный раздел «Insert module settings» . Переходим в настройки и в поле «Стиль изображения» выбираем «large» — данный стиль будет использован при вставке изображения в ноду.

6.Переходим в Структура->Типы материалов->Article в пункт «Управление полями». И далее в поле «image» в пункте «действия» жмём «изменить».

Находим раздел «Insert». Ставим галочку напротив «Enable insert button», снимаем галочку с «автоматически» и ставим галочку напротив всех стилей Colorbox.

7.Теперь осталось скрыть показ изображения в данном типе материалов. Поэтому идём по пути Структура->Типы материалов->Article и в пункте «действия» жмём «управлять отображением»

Далее в поле «image» меняем формат на «скрыто»

И сохраняем настройки. Теперь при создании ноды для данного типа материла, после загрузки изображения будет появляться копка «insert», которая позволит вставить изображения в любое место.

Сохраняем и смотрим что получилось. Как мы видим изображение вставлено теперь именно в том месте где нам и нужно, а именно после текста и оно так же использует Colorbox.

источник

Drupal Русскоязычное сообщество

Установил colorbox по этой инструкции

Download and unpack the Libraries module directory in your modules folder (this will usually be «sites/all/modules/»).
Download and unpack the Colorbox module directory in your modules folder (this will usually be «sites/all/modules/»).
Download the Colorbox plugin and unpack in «sites/all/libraries». Make sure the path to the plugin file becomes: «sites/all/libraries/colorbox/jquery.colorbox-min.js».
Drush provides a command installing the plugin:
% drush colorbox-plugin.
The command will download the plugin and unpack it in «sites/all/libraries». It is possible to add another path as an option to the command, but not recommended unless you know what you are doing.
Go to «Administer» » «Modules» and enable the Colorbox module.

You may use the jQuery update module if you need a later version of jQuery than Drupal ships with but as long as you use the 1.x branch of the Colorbox plugin it’s not a requirement.

Только не понял что такое DRECH, сделал обновление базы данных и Colorbox нормально установился,

Но работает криво, вместо открытия слайдов, изображение открывается просто в новом окне.
в этом уроке https://vimeo.com/19122850 при установке что то прописывают в командную строку, где это делать не понятно. Подскажите что нужно сделать чтоб Colorbox начал работать , нужен для галереи.

Drupal 7.22
Colorbox7.x-2.4
Libraries 7.x-2.0+7-dev

Комментарии

drush (не drech) — утилита командной строки для работы с друпалом. Упрощает некоторые действия.
Вам в командную строку не нужно. Если установили модуль и библиотеку, значит должно работать.
Проверьте, модуль Libraries включен? Библиотека точно в нужном месте лежит? В консоль браузера смотрели, может там какие ошибки выводятся?
Если все ок, разбирайтесь в настройках модуля, видимо там что то не верно указали.

В типах материала выбрать нужное поле. В отображении поля указать тип colorbox. Правее выбрать пресет для картинки в ноде и пресет для открытого в колорбоксе.

План б.
«>https://drupal.org/project/lightbox2[/quote]
Ну а как его включить? установил но не пойму как им пользоваться. Как то с инструкциями к модулям у Drupal сложновато

Может у меня не соответствуют версии модуля плагина и библиотеки?

В типах материала выбрать нужное поле. В отображении поля указать тип colorbox. Правее выбрать пресет для картинки в ноде и пресет для открытого в колорбоксе.

Проверьте, модуль Libraries включен? Библиотека точно в нужном месте лежит? В консоль браузера смотрели, может там какие ошибки выводятся?
Если все ок, разбирайтесь в настройках модуля, видимо там что то не верно указали.

Может у меня не соответствуют версии модуля плагина и библиотеки?

Ну а как его включить? установил но не пойму как им пользоваться. Как то с инструкциями к модулям у Drupal сложновато

C colorbox точно так же, просто его сложнее установить

У меня с colorbox решилось, оказываеться проблема в том что он стоял на Денвере, перенес на сервер и он стал работать

Добрый день. Сделал все, как сказано выше, но есть проблема. Когда захожу в Manage Display и пытаюсь поменять формат изображения на colorbox, выбираю colorbox, и появляется крутящаяся синяя окружность с радиусом)), которая не исчезает, а после нажатия «сохранить» формат — снова изображение.

источник

Drupal Русскоязычное сообщество


Не знаю было ли такое решение или нет, по крайней мере я не нашел.

Раскуривал эту тему очень давно. Решений на форуме приведено уйма, но не все по моему удачные (требуют лесть в код или создавать отдельные шаблоны). В общем есть «правильное» решение которое думаю и предлагал девелопер.

После установки Колорбокса лезем в его настройки и включаем опцию «Enable Colorbox inline» (а Enable Colorbox load поможет вам с разными формами)

После чего создаем ноду\блок и в его теле пишем такой код

Где, w > Сохраняем в формате PHP code и радуемся)))

Комментарии

Помимо colorbox, это умеют почти все попапы, список тут: http://drupal.org/node/266126 , глава «Available Modules».

м-да. полезно

Спасибо. Поправил. Но тогда я не понимаю как назвать такой эффект. На модельное окно похоже, но не оно

На модельное окно похоже, но не оно

Что с drupal.ru происходит? Предпросмотр комментария не работает. Подписка на комментарии не работает.

а вот через этот модуль не пробовали?

Поподробней можно? В viewse выродить можно? Как вывести ноду?

Поподробней можно? В viewse выродить можно? Как вывести ноду?

KTATTOO, огромное спасибо.
Вот бы не помещало ещё к открывшемуся окну страницы ссылку прикрутить на эту страницу (чтоб над страницей висела), чтоб по ней пройти, если что.

KTATTOO, огромное спасибо.
Вот бы не помещало ещё к открывшемуся окну страницы ссылку прикрутить на эту страницу (чтоб над страницей висела), чтоб по ней пройти, если что.

до или после print render ( node_view ( node_load ( 19 ) ) , FALSE , TRUE ) ; ?> прописываем какую хотим ссылку или текст)))

до или после прописываем какую хотим ссылку или текст)))

Ага, ещё раз спасибо, я даж сам догадался.
В смысле, «до» сам догадался, а «после» нет )))
И если стиль ссылке прописать #myid>a, то он действует на эти верхнюю и нижнюю ссылку, а ссылки в самой всплывающей ноде не затрагивает! Удобно.

И, кстати, если страница с прописанным в коде ИД отсутствует на сайте (сами по пьяне удалили, к примеру, или враги утащили), то кракозяб вместо страницы получается. Надо бы в ПХП условие прописать.

P.S. Не приходят уведомления на почту об ответах в данной теме. У Друпал.ру временный косячок?

Спасибо. Однако, у этого решения есть одна очевидная проблема — содержимое ноды загружается вне зависимости от того, будет ли пользователь открывать её в модальном окне или нет, что не есть гуд (наргузка, трафик и т.п.). Те же варианты, которые вы не считаете удачными, подразумевают, что содержимое ноды будет подгружаться только в том случае, если пользователь решил его посмотреть.

Спасибо. Однако, у этого решения есть одна очевидная проблема — содержимое ноды загружается вне зависимости от того, будет ли пользователь открывать её в модальном окне или нет, что не есть гуд (наргузка, трафик и т.п.). Те же варианты, которые вы не считаете удачными, подразумевают, что содержимое ноды будет подгружаться только в том случае, если пользователь решил его посмотреть.

Ну да, содержимое грузит сразу, но не думаю, что на сервак это особая загрузка (пять-десять страниц одновременно не так много). Заходил на сайт с телефона, в принципе грузится не на много дольше (несколько секунд добавилось). В принципе меня данный способ устроил полностью. Единственный косяк в том, что при использовании таких ссылок в представлениях начинают куражатся путаться хлебные крошки, пришлось их пока отключить (заказчика не напрягает, а у меня как руки дойдут разберусь).

Спасибо. Однако, у этого решения есть одна очевидная проблема — содержимое ноды загружается вне зависимости от того, будет ли пользователь открывать её в модальном окне или нет, что не есть гуд (наргузка, трафик и т.п.). Те же варианты, которые вы не считаете удачными, подразумевают, что содержимое ноды будет подгружаться только в том случае, если пользователь решил его посмотреть.

Ну да, содержимое грузит сразу, но не думаю, что на сервак это особая загрузка (пять-десять страниц одновременно не так много). Заходил на сайт с телефона, в принципе грузится не на много дольше (несколько секунд добавилось). В принципе меня данный способ устроил полностью. Единственный косяк в том, что при использовании таких ссылок в представлениях начинают куражатся путаться хлебные крошки, пришлось их пока отключить (заказчика не напрягает, а у меня как руки дойдут разберусь).

Мне кажется, вы совершенно не имеете представления о нагрузках на сервер нашим с вами чудным друпалом если, как вы говорите, «пять-десять» страниц одновременно грузить, конечно, это не много. Но а если посещаемость вашего сайта, к примеру, 1000 человек в день? Умножаем на «пять-десять» каждое посещение и получаем охренительный трафик + нагрузку на процессор и базы данных, несопоставимые с жизнью Drupal у вас полетит всё, если вы только кинете ссылку на сайт с подобной реализацией попапа, в той же статье на хабре, где «хабра-эффект» (убивший не один десяток сайтов) ломает даже простенькие сайтики с одной html-страничкой
Ваше решение — не решение.

Спасибо. Однако, у этого решения есть одна очевидная проблема — содержимое ноды загружается вне зависимости от того, будет ли пользователь открывать её в модальном окне или нет, что не есть гуд

Я, конечно, не копенгаген, но думаю, что это недостаток совершенно небольшой, т.к загружается только содержимое ноды, и от загрузки нескольких лишних кБ мало что изменится (ну если только на них нет мегабайтных картинок ))) .

А вот интересно, почему при таком типе загрузки модального окна ID colorbox присваивается атрибут position: absolute, ведь при показе Colorbox-ом фоток у класса colorbox атрибут position:fixed.
Т.е., если окно сайта немного прокручено и ссылка вверху, то с position: absolute модальное окно откроется тоже вверху и может быть частично скрыто, надо основную страницу прокрутить вверх.

Я дописал себе в CSS colorbox, вот думаю, не сделал ли я фигню, ибо я не копенгаген.

Как подгрузить содержимо страницы которую создали программно через модуль? Например страницу /checkout в Ubercart

а вот через этот модуль не пробовали?

спасибо огромное за ссылочку. хороший модуль. работает очень просто и с его помощью можно открывать любое содержимое как в colorbox и подобных модулях, так и во всплывающих cluetip и подобных. для этого нужно ссылку вставлять в таком формате http://yoursite.com/node/1?ajax_request где ?ajax_request просто дописывается к любой ноде которую хотите открыть. если открывать в colorbox то можно как через класс «colorbox-load» так и «colorbox-inline».
views еще не пробовал с ним, но думаю что и он будет работать. данный модуль избавляет от необходимости вручную преопределять вывод ноды или любого другого контента.
да еще в данном случае с colorbox контент будет подгружаться только при вызове, а не постоянно при загрузке страницы, что решает проблему обсуждаемую выше.
попробовал с views — все отлично работает выводится чистое содержимое и в colorbox и в cluetip. также к пути вьюшки добавляется в конце ?ajax_request .

также выводится и webform и в colorbox (только класс colorbox-load, а colorbox-inline — не будет соответственно работать) и в cluetip .

а вот через этот модуль не пробовали?

спасибо огромное за ссылочку. хороший модуль. работает очень просто и с его помощью можно открывать любое содержимое как в colorbox и подобных модулях, так и во всплывающих cluetip и подобных. для этого нужно ссылку вставлять в таком формате http://yoursite.com/node/1?ajax_request где ?ajax_request просто дописывается к любой ноде которую хотите открыть. если открывать в colorbox то можно как через класс «colorbox-load» так и «colorbox-inline».
views еще не пробовал с ним, но думаю что и он будет работать. данный модуль избавляет от необходимости вручную преопределять вывод ноды или любого другого контента.
да еще в данном случае с colorbox контент будет подгружаться только при вызове, а не постоянно при загрузке страницы, что решает проблему обсуждаемую выше.
попробовал с views — все отлично работает выводится чистое содержимое и в colorbox и в cluetip. также к пути вьюшки добавляется в конце ?ajax_request .

также выводится и webform и в colorbox (только класс colorbox-load, а colorbox-inline — не будет соответственно работать) и в cluetip .

Прошу прощения, но Вы не приведёте полные примеры синтаксиса ссылки для вывода ноды в Colorbox, с использованием модуля Content Page, а то я понятия не имею об этих ajax_request’ах, мне просто чтобы работало.

а вот через этот модуль не пробовали?

спасибо огромное за ссылочку. хороший модуль. работает очень просто и с его помощью можно открывать любое содержимое как в colorbox и подобных модулях, так и во всплывающих cluetip и подобных. для этого нужно ссылку вставлять в таком формате http://yoursite.com/node/1?ajax_request где ?ajax_request просто дописывается к любой ноде которую хотите открыть. если открывать в colorbox то можно как через класс «colorbox-load» так и «colorbox-inline».
views еще не пробовал с ним, но думаю что и он будет работать. данный модуль избавляет от необходимости вручную преопределять вывод ноды или любого другого контента.
да еще в данном случае с colorbox контент будет подгружаться только при вызове, а не постоянно при загрузке страницы, что решает проблему обсуждаемую выше.
попробовал с views — все отлично работает выводится чистое содержимое и в colorbox и в cluetip. также к пути вьюшки добавляется в конце ?ajax_request .

также выводится и webform и в colorbox (только класс colorbox-load, а colorbox-inline — не будет соответственно работать) и в cluetip .

Все сделал как написано и заработало! Только один вопрос — как вставить такую ссылку на в заголовке поля webform (например: Я подтверждаю, что ознакомился с условиями договора)? если вставить в таком виде как написано, то нода выводится без попап эффекта (остальное все впорядке). Перерыл кучу форумов но ответа не нашел.

ss_400, через него можно назначить для всех нод вывод содержимого в боксе?

источник

Читайте также:  Установка забора железобетонного на стаканах

Добавить комментарий

Adblock
detector