Colorbox в поле ft_html типа контента

3296
Эта запись - моё спасибо господину pipkis за "подружку невесты" (опубликовано здесь)

Результат смотрите здесь
Буду весьма благодарен за тестирование галереи на мобильных устройствах (в первую очередь, при изменении ориентации).
Скопируйте содержимое архива в папку со своим шаблоном.
Внимание: будет заменён файл templates/ваш шаблон/content/default_item.tpl.php (смержите от греха подальше)
О самой галерее узнаете больше здесь.
Мира вам!
Обновление шаблонов для второй ветки до версии 2.4.0 | Обновление шаблона tseso до версии 2.5.0
Комментарии (38)
vikont 4 марта 2016 в 00:56 +2
Класс! Все работает с полутыка!
В файле templates/ваш шаблон/content/default_item.tpl.php добавлено всего несколько строчек в самом верху. Их можно добавить в свой файл и все.
Спойлер
Андрей 6 марта 2016 в 03:05 -2
в типах контента нужно поле создать как я понял? не заскрините как должно выглядеть. Спасибо.
Алексей 6 марта 2016 в 06:03 +1
Нет!
1.папку "colorbox" залить в шаблон (templates/ваш шаблон),
2. файл- templates/ваш шаблон/content/default_item.tpl.php Вашего сайта заменить же файлом от Олега Васильевича я, ....или если он уже был изменен Вами просто скопируйте и добавьте в самом начале те строки, которыми он отличен от дэфолта ( см. восторженное восклицание vikonta)
Андрей 7 марта 2016 в 01:19 -2
Спасибо! smile
Андрей 14 марта 2016 в 16:15 -2
А не подскажете как сделать чтобы на статичных страницах colorbox не отображался, у меня там пару кнопок в виде изображения с регистрацией, так он их тоже как изображения теперь показывает crazy
Олег Васильевич я 14 марта 2016 в 17:15 +2
Найдите в строку templates\default\colorbox\init_colorbox.js:
Код PHP:
  1. $( '.ft_html img' ).wrap( function(){
приведите к виду:
Код PHP:
  1. $( '.ft_html img' ).not('img.no_colorbox').wrap( function(){
Назначте картинкам которым не следует обрабатываться плагином класс no_colorbox
Андрей 14 марта 2016 в 18:26 -2
Благодарю за быстрый ответ и решение! smile
Sergon 30 марта 2016 в 08:45 0
Олег Васильевич, сделал как вы сказали, ставлю в img класс class="no_colorbox" но не срабатывает)) что-то не так сделал?
Sergon 30 марта 2016 в 08:49 0
пробелы в первой скобке)) сорри
al955 16 декабря 2016 в 22:08 0
А можно на примере конкретного кода показать, где, как и что прописать, чтобы на статичных страницах отключить колорбокс.

Что и куда здесь прописывать? $( '.ft_html img' ).not('img.no_colorbox').wrap( function(){
al955 16 декабря 2016 в 23:04 0
Прописал .not('a img:first-child') Не знаю, насколько это правильно, но на статичных страницах колорбокс отключился, а в статьях работает.
Олег Васильевич я 17 декабря 2016 в 00:05 0
Попытаюсь помочь, если объясните что такое "статичные страницы".
al955 17 декабря 2016 в 08:43 0
Так я назвал тип контента "страницы" - /pages. Здесь я размещаю если так можно выразиться "служебный" контент. Правила сайта и т.п. В этом же разделе я сделал страницу с кнопками и баннерами сайта. Так вот мне нужно чтобы колорбокс к картинкам в этом разделе не применялся
Андрей 17 декабря 2016 в 09:26 -2
Вот ответ, а в картинке пропишите class="no_colorbox"
Romanovcmc 4 марта 2016 в 01:09 0
УРА!!! Спасибо
Dost 4 марта 2016 в 01:21 -1
Спойлер
yury 4 марта 2016 в 01:30 0
это для двойки
Dost 4 марта 2016 в 09:46 0
Да я понял. Скачал, посмотрел и понял smile
yury 4 марта 2016 в 01:38 0
Один момент только всеже мне кажется надо доработаьь- чтобы при клике открвался не тот же пресет, а если есть пресет больше, то значит с большими размерами.
Loadырь 4 марта 2016 в 07:17 0
Тут у изображений нет пресетов. Здесь речь идёт о картинках внутри текста записи. Чтобы картинка при открытии увеличилась вы должны вывести её уменьшенной в тексте записи стилями или определённым css классом вашего шаблона.
vsemkrot 4 марта 2016 в 07:49 0
а как например я создал в профиле поле изображение,туда пользователь загружает фото и оно выводится на странице фото, и вот что бы оно открывалось при нажатии в модальном окне с большем присетом, ??
Loadырь 4 марта 2016 в 08:08 0
В этом случае надо подождать, когда появится в блогах тема похожая на эту "Colorbox в поле ft_image типа контента".
vsemkrot 4 марта 2016 в 12:41 0
Имею ввиду на странице профиля пользователя
Loadырь 4 марта 2016 в 15:22 0
vsemkrot:
поле изображение
Поле "Изображение" останется полем "Изображение" на любой странице сайта. Будь то профиль или тип контента. Другое дело, что есть места, где жёстко прописаны картинки (например аватар), то тут уже только в код лезть. Поэтому создавайте в профиле поле "Набор изображений" и мотивируйте пользователей загружать всего одну картинку или фото.
vsemkrot 5 марта 2016 в 04:30 -2
К сожалению поле набор изображения некорректно работает если его вставить на странице профили и указать что нужно заполнять при регистрации!!!идёт бесконечная загрузка и не грузится - может это у меня только - попробуйте кто нибудь!!
Олег Васильевич я 5 марта 2016 в 11:44 0
Скрытый текст виден только зарегистрированным пользователям
Capitan 1 октября 2016 в 14:36 0
Во! Помогло :)
al955 1 ноября 2016 в 21:45 0
Как отключить автоматическое слайдшоу, которое начинается при открытии фотографий статьи в колорбоксе?
al955 1 ноября 2016 в 21:50 0
Уже разобрался, в файле jquery.colorbox.js убрать slideshowAuto:!0
al955 4 декабря 2016 в 18:07 0
А как подключить Colorbox к фотографиям, вставляемым в комментарии на двойке?
Jestik 20 марта 2018 в 20:31 0
На 2.9 никто не проверял? А то нету сейчас возможности протестировать
Олег Васильевич я 20 марта 2018 в 21:20 +1
Там папка со скриптом и стилями и default_item.tpl.php в котором всё это подключено. Сам default_item.tpl.php старенький, переподключите где нужно.
Jestik 20 марта 2018 в 21:45 0
Разобрался, просто на работе никаких условий для работы)
Jestik 22 марта 2018 в 23:39 +1
Благодарю! внедрил для стороннего компонента, переработал немного redactor, теперь всегда картинки по центру и одинакового размера.
В редакторе только если юзер менял разрешение картинки то слетала адаптивность - пришлось убрать эту функцию. Так же отключил лишние плагины. теперь redactor больше напоминает минималистические редакторы по типу вк и telegra.ph, если кому нужно - могу поделится, только нужно будет немного править стили вашего шаблона
Олег Васильевич я 23 марта 2018 в 00:14 0
Где-то валяется немножко продвинутее. Есть возможность управлять выводом в слайдере alt и title. Насколько помню, там ещё что-то с указанием высоты и ширины картинки.
Если попадётся на глаза, выложу кудысь
@gari 20 марта 2018 в 22:08 0
Подскажите, пожалуйста, а как можно это прикрутить к фото, вставляемых на стене пользователя, как это сделано в первой ветке? Или чтобы вставляемые фото на стене пользователя открывались в модальном окне? Буду очень благодарен за помощь!
Jestik 22 марта 2018 в 23:30 0
Можно, содержимое архива в папку с шаблоном
Дальше в компонентах, "Загрузка изображений" для маркитапа делаем нужный нам размер. скажем 800х800
Дальше идем:
1./templates/default/css/theme-gui.css
строка примерно 1543, и меняем

Код PHP:
  1. #wall_widget #entries_list .entry .content .text img {
  2. max-width: 100%;
  3. }
На

Код PHP:
  1. #wall_widget #entries_list .entry .content .text img {
  2. min-width: 120px;
  3. max-height: 250px;
  4. }
@gari 23 марта 2018 в 11:14 0
Большое спасибо, все получилось!