https://agrarnik.com/index.php?option=com_sppagebu... - секция каталог товаров. При смене вкладки навигации, должна меняться секция внизу (товары). На локальной машине все нормально работает. На хостинге код на сайте плохо отрабатывает. То есть при смене вкладки, через определенное время вкладки товара наслаиваются друг на друга.
Вот код js для навигации вкладок:
jQuery(document).ready(function($) {
// Устанавливаем класс для первого элемента
$('.navbar-block9 > li:nth-child(1)').addClass('current');
setInterval(function() {
// Находим текущий элемент и убираем у него класс
var cur = $('.navbar-block9 > .current').removeClass('current');
// Берем следующий элемент
var next = cur.next();
if (next.length == 0) {
// Если следующего не оказалось, то берем первый
next = cur.parent().children(':first');
}
// Устанавливаем найденному элементу нужный класс
next.addClass('current');
}, 5000);
});
Вот код для для смены товара:
var slides = document.querySelectorAll('.sppb-addon-containerslidetovar .sliderrow');
var currentSlide = 0;
var slideInterval = setInterval(nextSlide, 5000);
function nextSlide() {
slides[currentSlide].className = 'sliderrow';
currentSlide = (currentSlide + 1) % slides.length;
slides[currentSlide].className = 'sliderrow showinghome';
}
