<!-- SH10 - Модификация для Тильды. Добавляем отметки с иконкой на карточки товара https://mod.tistols.com/icon-mark -->
<style>
.t-store__card__mark {
display: flex;
gap: 0px;
width:60px;
height: 30px;
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 () {
function updateProductMarks() {
$('.js-product').each(function () {
var info = $(this).find('.t-store__card__mark');
var info_txt = info.text().trim();
var marks = info_txt.split(',').map(mark => mark.trim());
if (marks.length > 0 && marks[0] !== '') {
info.empty();
marks.forEach(function (mark) {
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
}
});
}
});
}
// Первоначальный запуск
updateProductMarks();
// Проверяем появление новых карточек каждую секунду
setInterval(updateProductMarks, 1000);
// Отслеживаем клики по пагинации
$('.t-store__pagination').on('click', 'a', function () {
setTimeout(updateProductMarks, 1000);
});
});
</script>