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

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

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

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