Новости Joomla

Вышел релиз Joomla 5.3.2

Релиз исправлений ошибок Joomla 5.3.2

Проект Joomla рад сообщить о выпуске Joomla 5.3.2. Это релиз исправлений ошибок для серии Joomla 5.3.

Веб-ассет Fancybox.js для Joomla v.6.0.9

Веб-ассет Fancybox.js для Joomla v.6.0.9.В Joomla 4 и Joomla 5 появилась концепция Web Assets и WebAssetManager, с помощью которого можно управлять подключениями css, js файлов, подключением. Все css и js файлы включаются в общий реестр ассетов, затем выстраивается граф зависимостей и в итоге на генерируемую страницу подключается только то что нужно на данной странице. Поскольку веб-ассеты можно добавлять с помощью плагинов (ссылка на статью ниже) - можно сказать, что появилось новое направление для плагинов - веб-ассеты. Вы можете устанавливать плагины, включающие веб-ассеты и использовать их как зависимости в самых разных местах Joomla: в шаблоне, в макетах модулей и плагинов. Одним из таких плагинов веб-ассетов является WT Fancybox.js. Плагин добавляет в Joomla WebAssets Registry css и js популярного скрипта галереи изображений fancybox.js, который потом легко можно использовать в коде:
use Joomla\CMS\Factory;$wa = Factory::getApplication()->getDocument()->getWebAssetManager();$wa->usePreset('wtfancybox'); // Local file $wa->usePreset('wtfancybox-remote'); // Use from CDN
Плагин использует систему обновлений Joomla, поэтому с появлением новых версий вы сможете получать их на своих сайтах естественным для Joomla путём. 👩‍💻 Спасибо за работу по упаковке ассета в плагин участнику нашего сообщества Сергею Сергевнину (
@gresserg).- Скачать WT Fancybox.js для Joomla- Статья на JPath.ru Как правильно подключать JavaScript и CSS в Joomla 4- Статья на Хабре: Использование WebAssetsManager Joomla 4 (Joomla 5) и добавление собственных пресетов с помощью плагина#joomla #расширения #webdev

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

heartlink

  • Осваиваюсь на форуме
  • 21
  • 0 / 0
В нескольких шаблонах интернет-магазинов от разработчика Vina в карточке товара имеются вкладки для Описания, Отзывов и т.д.
За работу табов отвечает код скрипта:
Код
$('#product-details-tab a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
})
Сами табы в файле php шаблока карточки товара достаточно стандартны:
Код
<div id="product-details-tab">
<ul class="nav nav-tabs">
<li class="active"><a href="#details"><?php echo JText::_('VINA_FULL_DESCRIPTION');?></a></li>......
Все бы хорошо. Но если в Описание товара вставить ссылку, она формируется и при наведении видна, но при нажатии не работает. В консоле виден конфликт со стандартным /media/jui/js/jquery.min.js
jquery.min.js?9003ef5…:2 Uncaught Error: Syntax error, unrecognized expression: строка с кодом указаным выше
Пробовал и так и так jQuery.noConflict, не получается. Только если удалять табы и писать заново, включая стили.
Буду благодарен за совет по исправлению данного конфликта. Данные табы я увидел на многих шаблонах Vina, так что многим я думаю это важно. Необходимость вставить ссыли в описании товара бывает часто нужна. Заранее спасибо.
*

AlexB

  • Завсегдатай
  • 1973
  • 54 / 2
Re: Конфликт jQuery tabs в шаблонах Vina
« Ответ #1 : 04.07.2020, 15:44:13 »
Ну уважаемый
Видите проблемы отпишитесь разработчику
Вам все починят
У винагекко шикарная поддержка
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Конфликт jQuery tabs в шаблонах Vina
« Ответ #2 : 04.07.2020, 16:57:48 »
Буду благодарен за совет по исправлению данного конфликта.
Это не конфликт яваскрипт. Пропишите класс ссылке, а в коде яваскрипт прописать проверку на наличие класса в ссылке .
п.с.
или так
Код
$('#product-details-tab a').click(function (e) {
if($(this).attr('class') != '' ) return false;
  e.preventDefault();
  $(this).tab('show');
})
« Последнее редактирование: 04.07.2020, 18:25:52 от draff »
*

heartlink

  • Осваиваюсь на форуме
  • 21
  • 0 / 0
Re: Конфликт jQuery tabs в шаблонах Vina
« Ответ #3 : 04.07.2020, 21:33:53 »
Видите проблемы отпишитесь разработчику
У них и бесплатные есть, если вы с намеком.... Поддержки по ним нет.

Пропишите класс ссылке, а в коде JavaScript прописать проверку на наличие класса в ссылке

Спасибо, что откликнулись! К сожалению не помогло. При таком варианте вообще табы не открываются.

Не смею вас больше напрягать.
Стер этот кусок js вообще. Написал:
Код
(function($) {
  $(function() {
    $("ul.tabs__caption").on("click", "li:not(.active)", function() {
      $(this)
        .addClass("active")
        .siblings()
        .removeClass("active")
        .closest("div.tabs")
        .find("div.tabs__content")
        .removeClass("active")
        .eq($(this).index())
        .addClass("active");
    });
  });
})(jQuery);
и HTML исправил в шаблоне для табов.
Код
<div class="tabs">
 
  <ul class="tabs__caption">
    <li class="active">1-я вкладка</li>
    <li>2-я вкладка</li>
  </ul> 
  <div class="tabs__content active">
    Содержимое первого блока
  </div> 
  <div class="tabs__content">
    Содержимое второго блока
  </div> 
</div><!-- .tabs-->[code]
В CSS вставил дополнительно:
[code].tabs__content {
  display: none; /* прячем все блоки */
}
.tabs__content.active {
  display: block; /* показываем нужный блок */
}

Отрабатывает и ссылки в тексте срабатывают.
Спасибо всем кто откликнулся. Иногда получается проще заново сделать, чем починить :)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Различные условия в шаблонах Joomla 3.0 и 2.5

Автор Fedor Vlasenko

Ответов: 133
Просмотров: 28085
Последний ответ 16.12.2024, 15:52:14
от goga_pgasovav
Перестали работать Tabs (вкладки)

Автор sergspb

Ответов: 4
Просмотров: 618
Последний ответ 08.07.2022, 13:44:16
от sergspb
Страница 404 в шаблоне Vina Fashion II

Автор Concolor

Ответов: 0
Просмотров: 712
Последний ответ 15.04.2021, 11:17:31
от Concolor
Vina Optima - Helix Freamwork 2.2

Автор bayersoff

Ответов: 0
Просмотров: 602
Последний ответ 23.09.2019, 07:54:50
от bayersoff
Переопределение макета блога категории в шаблонах YooTheme [ Решено ]

Автор dm-krv

Ответов: 7
Просмотров: 2055
Последний ответ 25.02.2019, 16:56:33
от Katya1212