‹style›
.new__favorites{
cursor: pointer;
}
.t1002_wishlisticon {
display: none;
}
‹/style>‹script ›
let counterSb = documen.querySelector('.new__counter'); //Добавляем счётчик
counterSb.style.backgroundColor = '#FF4A4A' ;//Стилизуем счётчик
counterSb.style.borderRadius = '50%';
counterSb.style.paddingTop = ' 5px';
counterSb.style.paddingBottom = '5px';
let productSb = document.querySelectorAll('.t1002_addBtn_active');//Ищем все кнопки, к которым присваивается класс t1002_addBtn_active
counterSb.textContent = productsSb.length; //Значение счётчика равняется количеству productsSb unu t1002_addBtn_active
//Функция, которая анализирует изменения на странице и, исходя из этого, обновляет счётчик
const observer = new MutationObserver (mutations => {
productsSb = document querySelectorAll('.t1002_addStn_active');
counterSb.textContent = productsSb.length;
//Здесь проверяем, равно ли значение
if (productsSb.length === 0) {
counterSb.style.display = 'none';
} else {
counterSb.style.display = 'block';
}
});
observer.observe(document.body, {
childlist: true,
subtree: true,
});
‹/script ›
