Добавляем отметки с иконкой на карточки товара

<!-- SH10 - Модификация для Тильды. Добавляем отметки с иконкой на карточки товара https://mod.tistols.com/icon-mark -->
<style>
    .t-store__card__mark {
        display: flex;
        gap: 0px;
        width:80px;
        height: 40px;
        background-color:transparent;
        padding: 0;
        justify-content: flex-end;
    }
    .t-store__card__mark-wrapper{
        right:px;
    }
    @maedia screen and (max-width:680px){
        .t-store__card__mark {
            width:50px;
        height: 25px;
        }
    }
</style>
<script>
$(function(){
    var catTimer = setInterval(function(){
        var cards = $('.js-product');
        
        // Проверяем наличие карточек
        if(cards.length > 1){
            clearInterval(catTimer);
            console.log(cards.length);
            
            cards.each(function(){
                // Находим элемент info
                var info = $(this).find('.t-store__card__mark');
                var info_txt = info.text().trim(); // Получаем текст и убираем пробелы
                var marks = info_txt.split(','); // Разделяем текст на массив по запятой
                
                console.log(marks.length);

                // Очищаем info перед вставкой значков
                info.empty();

                // Проверяем содержимое массива marks
                marks.forEach(function(mark) {
                    mark = mark.trim(); // Убираем пробелы для каждого элемента
                    
                    // Добавляем значки по мере нахождения значений
                    if(mark === 'sale') {
                        info.append('<img src="https://static.tildacdn.com/tild6232-6134-4139-b461-343434393063/Frame_21834.svg" alt="sale">'); // Иконка для sale
                    }
                    if(mark === 'star') {
                        info.append('<img src="https://static.tildacdn.com/tild6536-3032-4334-b135-373964326661/Frame_21833.svg" alt="star">'); // Иконка для star
                    }
                });
            });
        }
    }, 1000);
});

</script>