Накодил вкладки на главной https://www.ynafani.com.ua/ через JS файл.
Всё работает, но есть неприятный момент. Валидатор
https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.ynafani.com.ua%2F
находит дублирующиеся ИД "edit-actions--..." - это кнопки Купить от Уеберкарта. Если выводить без вкладок, просто 3-мя блоками -такой неприятности нет.
Можно что-то сделать?
Скрипт подключения вкладок.
$(document).ready(function(){
$( function() {
$( "#tabs" ).tabs();
} );
});
})(jQuery);
Шаблон региона под вкладки
<?php if ($content): ?>
<div id="tabs">
<ul class="tab-head no-border-links">
<li class="tab-link one">
<a href="#block-views-termtov-block-2">НОВИНКИ</a>
</li>
<li class="tab-link two">
<a href="#block-views-termtov-block-3">АКЦИИ</a>
</li>
<li class="tab-link three">
<a href="#block-views-termtov-block-4">РАСПРОДАЖА</a>
</li>
</ul>
<?php print $content; ?>
</div>
<?php endif; ?>
Впринципе тоже самое можно сделать модулем quicktabs (и все ИДшники будут как надо), но я не ищу легких путей.
/*Добавлено*/
Кароче сделал через quicktabs.Эксперименты с JS будут скорей всего на другом сайте.
Комментарии
У тебя из-за артикула скачет размер товаров
там много что скачет.
это не есть проблема сейчас.
я склоняюсь к мысли что код нужно добавить behaviors-ы но выразить эту мысль увы не могу. А может и нет.
Какой то детский трехколесный велосипед и к табам не имеет никакого отношения идер находится в форме добавления в корзину ajax-cart-submit-form
"ajax-cart-submit-form" - не волнует.
Проблема в том, что есть вкладки Новинки, Акции, Распродажа. И кнопка Купить первого товара в каждой вкладке имеет код
<div class="form-actions form-wrapper" id="edit-actions--2">
при использовании quicktabs - такого нет.