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

heartlink

  • Осваиваюсь на форуме
  • 18
  • 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

  • Гуру
  • 5803
  • 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

  • Осваиваюсь на форуме
  • 18
  • 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

Ответов: 132
Просмотров: 24301
Последний ответ 24.01.2023, 17:46:38
от goga_pgasovav
Перестали работать Tabs (вкладки)

Автор sergspb

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

Автор Concolor

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

Автор bayersoff

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

Автор dm-krv

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