Новости Joomla

SW JProjects v.2.6.0 - компонент каталога расширений для Joomla

Компонент позволяет сделать свой мини-Joomla Extensions Directory - каталог расширений для CMS (не только для Joomla) или файлов. Есть возможность скачивания по лицензионным ключам.

Phoca Collapse System Plugin

👩‍💻 Phoca Collapse System Plugin v.6.0.0При администрировании сайтов на Joomla можно столкнуться с большими дочерними формами (сабформы, subform). Их элементы можно добавлять, удалять, сортировать, но большое количество контента в них нередко делает сортировку неудобной. Чешский разработчик Ян Павелка (@PhocaCz) сделал очень удобный плагин, позволяющий скрывать содержимое сабформы, облегчая таким образом, сортировку элементов. Плагин успешно протестирован на Joomla 6 и не требует плагина обратной совместимости для своей работы.https://www.youtube.com/watch?v=aq_uks3gM1oСкачать плагин@joomlafeed#расширения

Человек на GitHub ускорил Joomla в 600 раз на объёме 150к+ материалов в 1700+ категориях

Человек на GitHub ускорил Joomla в 600 раз на объёме 150к+ материалов в 1700+ категориях

👩‍💻 Человек на GitHub ускорил Joomla в 600 раз на объёме 150к+ материалов в 1700+ категориях. На старте его сайт на Joomla 3 вообще не смог обновиться на Joomla 5. Пришлось делать экспорт/импорт материалов. Проделав всё это он запустил-таки этот объём данных на Joomla 5. Тестовый скрипт грузил 200 материалов из этого объёма всего за 94 секунды ))) А главная страница с категориями грузилась 20 секунд. Добавив индекс для таблицы #__content 

CREATE INDEX idx_catid_state ON #__content (catid, state);
он сократил время загрузки категорий до 1 секунды. Затем наш герой решил поковырять SQL-запрос в ArticleModel, который отвечает за выборку материалов. И решил заменить тип JOIN на STRAIGHT_JOIN для категорий.
// ->from($db->quoteName('#__content', 'a'))->from(    $db->quoteName('#__content', 'a')    . ' STRAIGHT_JOIN ' . $db->quoteName('#__categories', 'c')    . ' ON ' . $db->quoteName('c.id') . ' = ' . $db->quoteName('a.catid'))// ->join('LEFT', $db->quoteName('#__categories', 'c'), $db->quoteName('c.id') . ' = ' . $db->quoteName('a.catid'))
Что сократило загрузку 200 материалов из 150к с 94 секунд до 5. К слову сказать, боевой сайт на Joomla 3 крутится на 12CPU 64GB рамы. А все манипуляции с кодом он делает на базовом 1CPU 1GB сервере и замеры скорости даны именно для базового сервера. Но это всё в дискуссии, хотя в идеале должно вылиться в Pull Requests. Мы - Open Source сообщество, где никто никому ничего не должен. Джунгли. Но человек ищет пути оптимизации Joomla и предлагает решения. Если оказать поддержку и предложить помощь хотя бы с тестированием самых разнообразных сценариев, то возможно эти улучшения смогут войти в ядро. Пусть не быстро, пусть через несколько лет, пусть не все, но войдут. Достаточно предложить руку помощи и приложить немного усилий.Дискуссию на GitHub можно почитать здесь.@joomlafeed#joomla #community #php

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

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

  • Живу я здесь
  • 2368
  • 139 / 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

  • Живу я здесь
  • 2368
  • 139 / 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

  • Живу я здесь
  • 2368
  • 139 / 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

  • Живу я здесь
  • 2368
  • 139 / 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   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться