Новости Joomla

Что нового в joomla 5.1?

Что нового в joomla 5.1?

16 апреля 2024 года вышли релизы Joomla 5.1 и Joomla 4.4.4. Если Joomla 4.x уже находится в режиме поддержки и получает только "заплатки", то в каждом выпуске Joomla 5.x появляется что-то новое. Краткий список был опубликован в недавней новости. Давайте посмотрим подробнее на то что же именно появилось в Joomla 5.1.

Добавление полей Joomla в результаты Умного Поиска при помощи JFilters

Страница результатов Умного Поиска позволяет нам отображать некоторые поля (изображение, категорию, дату и т. д.), но не пользовательские поля. Поскольку поля Joomla предоставляют очень гибкий способ добавления дополнительных свойств к нашему контенту, их отображение в результатах поиска может сделать результаты более значимыми.

Вышел JoomShopping 5.4.0

Один из популярных компонентов интернет-магазина для Joomla за недавнее время получил 3 релиза: 5.3.4, 5.3.5, 5.4.0.

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

zeus07

  • Давно я тут
  • 723
  • 9 / 0
Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« : 07.02.2022, 16:10:10 »
Всем привет  ^-^
Возник такой интересный вопрос. Верстаю сайт, уникальный дизайн, всё делаю уже на Joomla 4. Возникла необходимость использовать компоненты табов и аккордеона. Сначала попробовал использовать компонент табов.

Подключил его в шаблоне таким образом:
Код
\Joomla\CMS\HTML\HTMLHelper::_('bootstrap.tab', '.nav-tabs', []);

В материале, где использую табы, стандартная разметка табов, взятая из документации Bootstrap 5. При клике по табам по какой-то причине не переключается контент, в консоли нет никаких ошибок.

Ссылка на страницу: https://banks.artcolorit.com/kredity/kredit-nalichnymi/home-credit-nalichnye-dengi-s-garantirovannoj-stavkoj

Заранее благодарен :)
Записан
*

ProtectYourSite

  • Живу я здесь
  • 2356
  • 135 / 4
  • Безопасность вебсайтов
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #1 : 07.02.2022, 21:36:12 »
Можете попробовать по аналогии https://github.com/exstreme/Jcomments-4/blob/master/component/administrator/views/settings/tmpl/default.php

ТОлько вместо uitab можно заменить на bootstrap
К примеру:

Код
<?php echo JHtml::_('bootstrap.startTabSet', 'myTab', array('active' => 'general')); ?>
        <?php echo HTMLHelper::_('bootstrap.startTabSet', 'myTab', array('active' => 'general')); ?>

        <?php echo HTMLHelper::_('bootstrap.addTab', 'myTab', 'general', "tab1"); ?>
        <div>Содержимое таба</div>
        <?php echo HTMLHelper::_('bootstrap.endTab'); ?>

        <?php echo HTMLHelper::_('bootstrap.addTab', 'myTab', 'general', "tab2"); ?>
        <div>Содержимое таба</div>
        <?php echo HTMLHelper::_('bootstrap.endTab'); ?>

        <?php echo HTMLHelper::_('bootstrap.endTabSet'); ?>
Записан
*

zeus07

  • Давно я тут
  • 723
  • 9 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #2 : 07.02.2022, 22:01:49 »
Цитата: ProtectYourSite от 07.02.2022, 21:36:12
Можете попробовать по аналогии https://github.com/exstreme/Jcomments-4/blob/master/component/administrator/views/settings/tmpl/default.php

ТОлько вместо uitab можно заменить на bootstrap
К примеру:

Код
<?php echo JHtml::_('bootstrap.startTabSet', 'myTab', array('active' => 'general')); ?>
        <?php echo HTMLHelper::_('bootstrap.startTabSet', 'myTab', array('active' => 'general')); ?>

        <?php echo HTMLHelper::_('bootstrap.addTab', 'myTab', 'general', "tab1"); ?>
        <div>Содержимое таба</div>
        <?php echo HTMLHelper::_('bootstrap.endTab'); ?>

        <?php echo HTMLHelper::_('bootstrap.addTab', 'myTab', 'general', "tab2"); ?>
        <div>Содержимое таба</div>
        <?php echo HTMLHelper::_('bootstrap.endTab'); ?>

        <?php echo HTMLHelper::_('bootstrap.endTabSet'); ?>
То есть, по факту, вставлять PHP прямо в статью?
Записан
*

ProtectYourSite

  • Живу я здесь
  • 2356
  • 135 / 4
  • Безопасность вебсайтов
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #3 : 08.02.2022, 00:12:52 »
Нет конечно, это код для генерации отдельных мини-шаблонов. Можно сделать к примеру модулями, в шаблоне прописать, если есть модуль в позиции, то открыть табсет и на каждый модуль генерировать вкладку. В самом модуле уже располагать текст, картинки и прочий контент, который можно потом редактировать даже простому пользователю.
Записан
*

zeus07

  • Давно я тут
  • 723
  • 9 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #4 : 08.02.2022, 12:16:16 »
У меня, к примеру, 50 материалов планируется с табами, и получается, что каждый таб - это будет отдельный модуль по сути? Сделать то можно, но громоздко как-то выходит конечно.

И такая же ситуация получается с аккордеоном?
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #5 : 08.02.2022, 13:10:34 »
оптимизация до потери смысла.
нафига разбивать скрипт и CSS шаблона, если оно закешируется в браузере?
подключай обычным способом скрипт и CSS бутстрапа, а этот изврат пусть сами архитекторы 4-ки пользуют.
Записан
*

zeus07

  • Давно я тут
  • 723
  • 9 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #6 : 08.02.2022, 13:20:03 »
Цитата: effrit от 08.02.2022, 13:10:34
оптимизация до потери смысла.
нафига разбивать скрипт и CSS шаблона, если оно закешируется в браузере?
подключай обычным способом скрипт и CSS бутстрапа, а этот изврат пусть сами архитекторы 4-ки пользуют.
Ну отож) оптимизацией и не пахнет как-то ) Если с другими компонентами бутстрапа вроде не было проблем (например Modal или Offcanvas), то тут реально получается как-то не слишком удобно использовать через подключение в шаблоне
Записан
*

zeus07

  • Давно я тут
  • 723
  • 9 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #7 : 08.02.2022, 16:19:32 »
Просто непонятно, почему при подключенном скрипте и разметке в коде табы всё равно не работают. Bootstrap подключен к шаблону, по идее должно работать, раз скрипт имеется, но всё же не работает, поэтому и задался таким вопросом, что может что-то не так подключено.
Записан
*

ProtectYourSite

  • Живу я здесь
  • 2356
  • 135 / 4
  • Безопасность вебсайтов
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #8 : 08.02.2022, 21:00:39 »
подключены только стили или и  bootstrap  js?
Записан
*

zeus07

  • Давно я тут
  • 723
  • 9 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #9 : 08.02.2022, 23:12:13 »
Цитата: ProtectYourSite от 08.02.2022, 21:00:39
подключены только стили или и  bootstrap  js?
И то, и то подключено. Если просмотреть код страницы, то в 30 строке видно подключение JS от бутстрапа
Записан
*

ProtectYourSite

  • Живу я здесь
  • 2356
  • 135 / 4
  • Безопасность вебсайтов
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #10 : 08.02.2022, 23:29:22 »
media/vendor/bootstrap/js/tab.js Такого файла не увидел
Записан
*

zeus07

  • Давно я тут
  • 723
  • 9 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #11 : 09.02.2022, 12:13:55 »
Цитата: ProtectYourSite от 08.02.2022, 23:29:22
media/vendor/bootstrap/js/tab.js Такого файла не увидел
В 33 строке это подключение имеется
Записан
*

zeus07

  • Давно я тут
  • 723
  • 9 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #12 : 09.02.2022, 13:43:59 »
Сделал иначе.
Подключил бутстрап, скачанный с официального сайта. Сами табы переключаются (до этого тоже переключались), но не меняется контент самого таба.

В чём может быть причина?
Записан
*

Alex Kop

  • Захожу иногда
  • 111
  • 1 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #13 : 10.02.2022, 13:57:48 »

Подключил его в шаблоне таким образом:
Код
\Joomla\CMS\HTML\HTMLHelper::_('bootstrap.tab', '.nav-tabs', []);
подскажите где он вообще подключается, в каком файле?


Записан
*

zeus07

  • Давно я тут
  • 723
  • 9 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #14 : 10.02.2022, 14:02:11 »
Цитата: Alex Kop от 10.02.2022, 13:57:48
Подключил его в шаблоне таким образом:
Код
\Joomla\CMS\HTML\HTMLHelper::_('bootstrap.tab', '.nav-tabs', []);
подскажите где он вообще подключается, в каком файле?



Подключал в index.php шаблона, но всё равно не работает, как надо, после этого убрал, подключил просто  JS и CSS от бутстрапа  - и такая же история
Записан
*

vladimir135

  • Новичок
  • 6
  • 0 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #15 : 20.02.2022, 14:29:29 »
А так пробовал подключать -

 \Joomla\CMS\HTML\HTMLHelper::_('bootstrap.tab', '.selector', []);
Записан
*

Natyuma

  • Осваиваюсь на форуме
  • 28
  • 0 / 0
Re: Как правильно подключить компоненты аккордеона и табов Bootstrap 5?
« Ответ #16 : 26.01.2023, 00:49:55 »
Цитата: ProtectYourSite от 07.02.2022, 21:36:12
Можете попробовать по аналогии...
Большое спасибо за подсказку!
В шаблон модуля новостей вкладки получилось добавить так:
Код
<?php 
use Joomla\CMS\HTML\HTMLHelper;
HTMLHelper::_('bootstrap.tab','.nav-tabs', []);
?>
<?php echo HTMLHelper::_('bootstrap.startTabSet', 'myTab', array('active' => 'first')); ?>

	<?php echo HTMLHelper::_('bootstrap.addTab', 'myTab', 'first', "tab1"); ?>
	<div>Содержимое таба first</div>
	<?php echo HTMLHelper::_('bootstrap.endTab'); ?>

	<?php echo HTMLHelper::_('bootstrap.addTab', 'myTab', 'second', "tab2"); ?>
	<div>Содержимое таба second</div>
	<?php echo HTMLHelper::_('bootstrap.endTab'); ?>

<?php echo HTMLHelper::_('bootstrap.endTabSet'); ?>
« Последнее редактирование: 16.02.2023, 13:54:20 от Natyuma »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться