Как заменить иконки в PL200 в Tilda
Features
Daily
Monthly
Year
10 hours training
Coffee and lunch
All pdf material on e-mail
Individual consulting
Certificat

Как заменить иконки в PL200 в Tilda

1
Создали блок PL200
2
Добавили код в блок другое Т123
Указали ссылки на иконки и задали им имена

const plus = 'https://static.tildacdn.com/tild3465-6435-4962-a433-323638303333/929409.svg';
const stop = 'https://static.tildacdn.com/tild3239-3762-4566-a464-353938343764/929416.svg';
const heart = 'https://static.tildacdn.com/tild3634-6336-4932-b230-346161353733/929417.svg';
3
Вписали имена наших иконок в таблицу 5х3

0 : [{1:stop, 2:plus, 3:heart}], //1 строка
1 : [{1:heart, 2:plus, 3:plus}], //2 строка
2 : [{1:plus, 2:heart, 3:stop}], //3 строка
3 : [{1:stop, 2:plus, 3:stop}], //4 строка
4 : [{1:stop, 2:heart, 3:plus}] //5 строка
Библиотека для примера

<style>
.imgtableicon{
    width:30px;
}
</style>
<script> 
$( document ).ready(function() {
const plus =  'https://static.tildacdn.com/tild3465-6435-4962-a433-323638303333/929409.svg';
const stop =  'https://static.tildacdn.com/tild3239-3762-4566-a464-353938343764/929416.svg';
const heart = 'https://static.tildacdn.com/tild3634-6336-4932-b230-346161353733/929417.svg';
    
let iconplace = {
0 : [{1:stop,  2:plus,  3:heart}], //1 строка
1 : [{1:heart, 2:plus,  3:plus}],  //2 строка
2 : [{1:plus,  2:heart, 3:stop}],  //3 строка
3 : [{1:stop,  2:plus,  3:stop}],  //4 строка
4 : [{1:stop,  2:heart, 3:plus}]  //5 строка
};
    
let count=0;
$.each(iconplace,function(key,data) {
  $.each(data, function(index,value) {
    $.each(value, function(position,complain) {
   $('.t611__middle .t611__col:eq('+count+') .t611__title').html('<img class="imgtableicon" src="'+complain+'">');
   count++;
    });
  });
});
});
</script>
Made on
Tilda