Servoer – 20 mm

(function($) { function initSmcFilters() { var $widget = $('#smc-filter-categorie'); if (!$widget.length) return; // Elementor-Button-Klasse an alle Kategorie-Links übergeben $widget.find('.bapf_body label a').addClass('smc-cat-filter-btn'); var $body = $widget.find('.bapf_body'); var $mainUl = $body.find('> ul'); var $mainLis = $mainUl.find('> li'); // Funktion zum Prüfen und Steuern der Scroll-Pfeile function updateScrollArrows() { if (!$mainUl.length || $mainUl.length === 0) return; var ulEl = $mainUl[0]; if (!ulEl) return; var scrollLeft = ulEl.scrollLeft; var scrollWidth = ulEl.scrollWidth; var clientWidth = ulEl.clientWidth; var maxScroll = scrollWidth - clientWidth; if (scrollWidth > clientWidth) { if (scrollLeft > 5) { if ($body.find('.smc-scroll-arrow-left').length === 0) { $body.append(''); $body.find('.smc-scroll-arrow-left').off('click').on('click', function() { $mainUl.stop().animate({ scrollLeft: scrollLeft - 150 }, 200, updateScrollArrows); }); } } else { $body.find('.smc-scroll-arrow-left').remove(); } if (scrollLeft < maxScroll - 5) { if ($body.find('.smc-scroll-arrow-right').length === 0) { $body.append(''); $body.find('.smc-scroll-arrow-right').off('click').on('click', function() { $mainUl.stop().animate({ scrollLeft: scrollLeft + 150 }, 200, updateScrollArrows); }); } } else { $body.find('.smc-scroll-arrow-right').remove(); } } else { $body.find('.smc-scroll-arrow-nav').remove(); } } function checkStatus() { var anyActive = false; var $activeMainLi = null; // Alte Buttons entfernen $mainUl.find('.smc-dynamic-button-wrapper').remove(); $mainLis.removeClass('is-active'); // WICHTIG: Alte "current" Klassen vor der Neuprüfung von allen Elementen entfernen $widget.find('.current').removeClass('current'); var $allCheckedBoxes = $widget.find('.bapf_body input[type="checkbox"]:checked'); if ($allCheckedBoxes.length > 0) { anyActive = true; var $firstChecked = $($allCheckedBoxes); $activeMainLi = $firstChecked.closest('.bapf_body > ul > li'); $activeMainLi.addClass('is-active'); // NEU: Dem aktiven Listenpunkt (li) und dem darin liegenden Link (a) die Klasse "current" geben $activeMainLi.addClass('current'); $activeMainLi.find('> label a').addClass('current'); // Falls tiefer geschachtelte Unterkategorien aktiv sind, bekommen diese ebenfalls "current" $allCheckedBoxes.each(function() { $(this).closest('li').addClass('current'); $(this).closest('li').find('> label a').addClass('current'); }); } if (anyActive && $activeMainLi) { $widget.addClass('has-active-category'); var backButtonHtml = '

' + '' + '' + '' + '

'; $mainUl.prepend(backButtonHtml); $mainUl.find('.smc-cat-filter-back-btn').on('click', function(e) { e.preventDefault(); var $checkboxesToClear = $activeMainLi.find('input[type="checkbox"]:checked'); if ($checkboxesToClear.length > 0) { $checkboxesToClear.each(function(index) { if (index === 0) { $(this).closest('li').find('> label').trigger('click'); } else { $(this).prop('checked', false).trigger('change'); } }); } }); } else { $widget.removeClass('has-active-category'); var allProductsHtml = '

' + '' + '[smc-all-products-string]' + '' + '

'; $mainUl.prepend(allProductsHtml); } setTimeout(updateScrollArrows, 150); } checkStatus(); $widget.find('.bapf_body label, .bapf_body input[type="checkbox"]').off('click.smc').on('click.smc', function(e) { setTimeout(checkStatus, 150); }); $mainUl.off('scroll.smc').on('scroll.smc', function() { updateScrollArrows(); }); $(window).off('resize.smc').on('resize.smc', function() { updateScrollArrows(); }); } initSmcFilters(); $(document).on('berocket_ajax_filtering_end', function() { initSmcFilters(); }); })(jQuery);