<!-- 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>