Новости Joomla

Вышел WT Quick links v.2.4.0 - релиз модуля для Joomla

Вышел WT Quick links v.2.4.0 - релиз модуля для Joomla.Это модуль-конструктор для быстрого создания набора элементов. Это могут быть ссылки на компоненты Joomla, пункт меню или пользовательская ссылка. Есть условия для исключений показа элементов списка. Вы можете создавать собственные макеты вывода модуля, создавая таким образом почти всё, что угодно: от простого списка ссылок до стены фотографий на главную страницу или ссылки-теги для перелинковки категорий интернет-магазина, список FAQ, табы или аккордеоны. Модуль позволяет выводить изображения, адаптивные изображения, видео, адаптивные видео.v.2.4.0. Что нового?Добавлена поддержка новых компонентов. Добавлены новые типы ссылок и исключений для них: - Phoca Download, - Phoca Gallery, - RadicalMart (@radicalmart).Joomla 6. Успешно протестирована работа модуля на Joomla 6-alpha2.РазработчикамПроведён большой рефакторинг кода. Для типов ссылок созданы классы-драйверы. Теперь для того, чтобы добавить новый тип ссылки в модуль достаточно скопировать класс-образец из
modules/mod_wt_quick_links/src/Driver/Collection и наполнить его данными по образцу, а так же добавить необходимые языковые константы в панели администратора Joomla.Модуль бесплатный. Страница расширенияGitHub расширенияJoomla Extensions Directory👩‍💻 Подпишись на @joomlafeed.#joomla #разработка

Свои типы полей в Joomla.Это большая тема, о которой можно говорить очень много

Свои типы полей в Joomla.Это большая тема, о которой можно говорить очень много

👩‍💻 Свои типы полей в Joomla.Это большая тема, о которой можно говорить очень много. Самое главное, что возможности применения ограничиваются только вашей больной фантазией. Вы строите интерфейс своего модуля или плагина и вам нужно подтянуть данные из сторонней системы (список чего-нибудь по какому-нибудь API), чтобы сохранить выбранный id в Joomla. Или сделать какую-то проверку и в зависимости от неё показать то или иное сообщение пользователю. Для этого подойдут свои пользовательские типы полей. Интерфейс Joomla по большей части описан в XML-файлах. У каждого из них свои параметры. Некоторые не описаны в документации (manual.joomla.org), поэтому самым любопытным будет полезно заглянуть в собственно файлы фреймворка по пути

libraries/src/Form/FormField.php, а так же в
libraries/src/Form/Fields. У каждого класса поля перечислены его специфические свойства, которые можно описывать в XML. А в своём типе поля вы можете устанавливать эти значения программно. В моём модуле WT Quick links под капотом происходят изменения. Теперь для работы (в админке) ему нужен вспомогательный плагин. А в самом модуле нам бы проверить, а не выключен ли он? В Joomla есть тип поля Note - заметка. Его можно использовать для вывода примечаний.

<field type="note"     name="your_note_for_user"     label="Заголовок примечания"     title="Альтернативный способ для заголовка"     description="Текст примечания"     class="col-12 alert alert-info"     heading="h1"     close="true"/>
heading - указывать уровень заголовка.
close - позволяет закрыть это примечание. В классе поля
libraries/src/Form/Field/NoteField.php описана логика вывода. И в принципе оно нам подходит для нашей задачи. Но оно будет выводить сообщение всегда, а нам нужно только тогда, когда плагин отключён.Поэтому берём и создаём свой класс поля, который мы унаследуем от
NoteField. Это значит, что у нас в руках будет весь инструментарий стандартного поля
Note + то, что мы сами добавим. В XML-манифест добавляем наше поле
<field type="systempluginstatus"      name="systempluginstatus"     addfieldprefix="Joomla\Module\Wtquicklinks\Site\Fields"/>
-
type - имя файла и класса,-
addfieldprefix - указываем namespace к нашему классу, может быть любой нам нужный-
name - нельзя полю без имени...Это означает, что Joomla будет использовать класс поля из файла
modules/mod_wt_quick_links/src/Fields/SystempluginstatusField.php.А в классе поля будет написано следующее:
<?php// namespace для атрибута addfieldprefixnamespace Joomla\Module\Wtquicklinks\Site\Fields;// нельзя напрямую обращаться к этому файлуdefined('_JEXEC') or die;// подключаем родительский класс для переопределенияuse Joomla\CMS\Form\Field\NoteField;use Joomla\CMS\Language\Text;use Joomla\CMS\Plugin\PluginHelper;// имя класса и имя файла точь-в-точьclass SystempluginstatusField extends NoteField{     protected $type = 'Systempluginstatus';     protected function getLabel()          {               // если плагин не включён               if(PluginHelper::isEnabled('system','wtquicklinks')) {                    // меняем свойства родительского класса                    $this->class = 'alert alert-danger w-100';                    $this->element['label'] = '⚠️ А-а-а-а!';                    $this->element['description'] = 'Плагин не включён!!';                    // и просто рендерим его с нашими свойствами                    return parent::getLabel();               }          // А иначе всё хорошо, скрываем поле из виду.          $this->parentclass = 'd-none';          return '';     }}
Просто и удобно. И людям приятно, что о них позаботились и рассказали почему что-то не работает.@webtolkru#joomla #php #webdev #разработка

Обновлена информация в Плане развития Joomla

👩‍💻 Обновлена информация в Плане развития Joomla.Здесь собрана информация о датах релизов, описаны принципы версионирования, указаны ответственные за релизы, а так же даты окончания поддержки релизов. Опираясь на эту информацию вы можете планировать развитие ваших интернет-проектов.👩‍💻 Что нового?⛔️ Joomla 4.Дата окончания исправления ошибок безопасности в версии 4.x - 14 октября 2025г. ⚠️ После этой даты Joomla 4 прекратит получать какие-либо обновления, в том числе безопасности - вообще. Рекомендуем обновить ваши сайты до актуальной Joomla 5.✅ Joomla 5.- Дата окончания исправления ошибок в версии 5.x - 13 октября 2026г.- Дата окончания исправления ошибок безопасности в версии 5.x - 12 октября 2027 года.- Текущая актуальная (на момент написания заметки) версия - 5.3.1.- Опубликовано расписание выхода релизов Joomla 5.4. Стабильный релиз ожидается 14 октября 2025 года.✅ Joomla 6.- Дата окончания исправления ошибок в версии 6.x - 17 октября 2028г.- Дата окончания исправления ошибок безопасности в версии 6.x - 16 октября 2029г.- Опубликовано расписание выхода релизов Joomla 6.0. Стабильный релиз ожидается 14 октября 2025 года.- Для разработчиков уже доступна Joomla 6.0.0-alpha1.✅ Joomla! Framework.Обновлена информация о Joomla! Framework - полноценном PHP-фреймворке для разработки. Он в версиях 1.х и 2.х был самостоятельным параллельным проектом, однако начиная с версии Joomla 4.0 стал её основой. Добавлена информация о Joomla! Framework 3.x, который вышел 6 октября 2023 года. Его можно использовать в тех случаях, когда вам в проекте не нужна CMS Joomla целиком.Подробнее на сайте Joomla-сообщества Joomlaportal.ru#joomla #community

0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 2883 Просмотров
*

kalin266

  • Новичок
  • 7
  • 0 / 0
Проблема с сайтом. Не работает ничего модального на сайте, ни плагины, ни стандартные функции, вообще ничего..... Кроме Bootstrap Modal. Связано это может быть, наверное, с используемым Plazart Framework, поиск в инете решений по модальным окнам и почему они могут не работать дал пару решений, но ничего не сработало....  В итоге, довольствуемся тем, что есть....
Я прочитал статью https://itchief.ru/lessons/bootstrap-3/bootstrap-3-modal-window по модальным окнам в Bootstrap и в принципе логика ясна, прикрутил на сайт и всё работает. Но сразу скажу. Я не программист и могу не понимать всех тонкостей работы. Даже логику этих модалов мне понять несколько сложно.... Но есть задача и как ни крути решение нужно искать и работать с тем, с чем приходится....
Я как понял, модальное окно в Bootstrap вызывается или при наступлении события, или при нажатии на кнопку. Но, мне в данном примере нужно сделать как-то так, чтобы кнопки не было на странице, а модальное окно открывалось при нажатии, например, на текст, на гиперссылку, или на картинку. Подскажите пожалуйста, на конкретных примерах, как это должно быть реализовано?

ps: Все стандартные методы и все мануалы в инете, которые используют не Bootstrap modal - провалились.... Например, все стандартные методы, все расширения, галереи и так далее... https://www.regularlabs.com/extensions/modals/
Даже правильно установленный Modals от RegularLabs даёт следующий результат:

На странице (редактор отключен) пишем {modal url = "https://goo.gl/5r5faj" title = "Это мое место :)"} У меня есть заголовок {/ modal}
В результате получаем на выходе, на странице исходный код следующего вида:
"
{modal url = "https://goo.gl/5r5faj" title = "Это мое место :)"} У меня есть заголовок {/ modal}            "

Но не модальное окно(((.
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Bootstrap - Modal (модальное окно)
« Ответ #1 : 02.05.2018, 08:28:33 »
у вас в примерах нет привязки к типу элемента, клик сработает и по ссылке, если у неё есть класс "btn". так что спокойно меняете на свой  в первой строке примера (оставляя точку в начале!) и будет работать
Код
  $(".btn").click(function() {
    //открыть модальное окно с id="myModal"
    $("#myModal").modal('show');

по поводу плагинов - вы точно активировали плагин после установки?
*

kalin266

  • Новичок
  • 7
  • 0 / 0
Re: Bootstrap - Modal (модальное окно)
« Ответ #2 : 02.05.2018, 08:41:05 »
у вас в примерах нет привязки к типу элемента, клик сработает и по ссылке, если у неё есть класс "btn". так что спокойно меняете на свой  в первой строке примера (оставляя точку в начале!) и будет работать
Код
  $(".btn").click(function() {
    //открыть модальное окно с id="myModal"
    $("#myModal").modal('show');

по поводу плагинов - вы точно активировали плагин после установки?

Да, плагин активирован.

У меня пример на странице https://nnfond.ru/index.php/pages/about следующий:

<p> <img src="images/oldfond/001.jpg" alt="" width="187" height="258" /><button class="btn btn-info btn-lg" type="button" data-toggle="modal" data-target="#myModal2">Подробнее</button></p>
<div id="myModal2" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header"><button class="close" type="button" data-dismiss="modal">×</button>
<h4 class="modal-title">Свидетельство о постановке на налоговый учет</h4>
</div>
<div class="modal-body"><img src="images/oldfond/001.jpg" /> </div>
<div class="modal-footer"><button class="btn btn-default" type="button" data-dismiss="modal">Закрыть</button></div>
</div>
</div>
</div>

Подскажите пожалуйста, в какое место в моём примере нужно добавить код, который вы написали? Например, мне нужно сделать так, чтобы при нажатии на картинку <img src="images/oldfond/001.jpg" alt="" width="187" height="258" /> открывалось модальное окно...
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Bootstrap - Modal (модальное окно)
« Ответ #3 : 02.05.2018, 09:02:29 »
у вас уже установлен код, вам нужно его модифицировать, добавив ещё один класс для срабатывания
Код
$(".btn, .modal_toggler").click(function()

и присвоить его картинкам, дописав им атрибуты data-toggle и data-target, как у соседних кнопок
Код
<img class="modal_toggler" data-toggle="modal" data-target="#myModal1"
*

kalin266

  • Новичок
  • 7
  • 0 / 0
Re: Bootstrap - Modal (модальное окно)
« Ответ #4 : 02.05.2018, 10:04:28 »
Да, это частично решило проблему. Удалось избавиться от кнопок и модальное окно с картинкой открывается при нажатии на миниатюру картинки.

Вот эту строку я так и не понял куда вставлять или что модифицировать, у меня на странице такого кода вообще нет. $(".btn, .modal_toggler").click(function()
Что получилось:
https://nnfond.ru/index.php/pages/about
1. Удалось избавиться от кнопок и при нажатии на картинку открывается модальное окно с картинкой.
2. Для картинок 1-2 пришлось добавить ссылку # для того чтобы при наведении мышкой на картинку отображался указатель клика, а не стрелочки. Если это единственный путь для отображения указателя, то сделаю и для картинки 3.

3. Создал тестовую ссылку Link на произвольный материал в конце страницы. Но при нажатии на неё..... Вместо самого материала отображается в модальном окне весь сайт сверху до низу с этим материалом.
То есть, если мне необходимо будет например выводить в модальном окне какую-то страницу, её нужно будет отдельно сверстать в HTML и положить в файловую систему сайта и сделать на неё ссылку?
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Bootstrap - Modal (модальное окно)
« Ответ #5 : 02.05.2018, 10:13:38 »
не надо ничего оборачивать в ссылку, чтобы указатель поменялся, добавьте в стили
.modal_toggler{cursor:pointer}
модал подхватывается просто при наличии
data-toggle="modal" data-target="#myModal1", так что модифицировать ничего больше и не надо, по ходу.
*

kalin266

  • Новичок
  • 7
  • 0 / 0
Re: Bootstrap - Modal (модальное окно)
« Ответ #7 : 02.05.2018, 10:53:09 »
Ok. Спасибо. По ссылке проблема решена, всё работает. Теперь понятно как выдать контент в модальном окне.
По поводу .modal_toggler{cursor:pointer} ..... Наверное лучше будет оборачивать картинки в ссылки....

Я добавил .modal_toggler{cursor:pointer}  в один стиль, который привязан лишь к 3 страницам.... К остальным, в т.ч. и к главной привязан другой стиль. В итоге в самом верху, на всех страницах сайта появился текст ".modal_toggler{cursor:pointer} "....((. Убрал обратно от греха подальше.
*

kalin266

  • Новичок
  • 7
  • 0 / 0
Re: Bootstrap - Modal (модальное окно)
« Ответ #8 : 02.05.2018, 11:19:10 »
Интересный только момент наблюдается.... В моём случае...
Все кнопки, все элементы отображаются в синем цвете. https://www.nnfond.ru/index.php/pages/about

Если я нажимаю на картинку, открывается модальное окно. Внизу кнопка закрыть. Тоже синяя. Но когда я нажимаю на Link - на ссылку, открывается материал https://www.nnfond.ru/index.php/news/82-genetic-test?tmpl=component то в открывшемся модальном окне нет крестика чтобы его закрыть, нет кнопки "Закрыть". Ок. Кликаем по свободной от модального окна области экрана и все элементы вдруг становятся желтого цвета. Кнопки, менюшки, значки в футере.... До нажатия F5 или до перехода на любую другую страницу...
Указал другое имя шаблона - сработало. Но кнопки закрыть внизу и крестика наверху опять же нет....

Код такой:
<p><a class="modal_toggler" href="index.php/news/82-genetic-test?tmpl=Contact" data-toggle="modal" data-target="#myModal3">link</a></p>
<div id="myModal3" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header"><button class="close" type="button" data-dismiss="modal">×</button>
<h4 class="modal-title">Статья тест</h4>
</div>
<div class="modal-body">&lt;href="/index.php/news/82-genetic-test?tmpl=Contact" /&gt; </div>
<div class="modal-footer"><button class="btn btn-default" type="button" data-dismiss="modal">Закрыть</button></div>
</div>
</div>
</div>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает {modal}

Автор kalin266

Ответов: 0
Просмотров: 1028
Последний ответ 01.05.2018, 20:41:24
от kalin266