Код помогает изменить стандартную иконку избранного в Тильда на свою кастомную иконку или картинку на выбор

Меняем иконку "Избранное" в Тильда на свою кастомную

Заказать код
Вступить в чат
Поблагодарить
Видео-урок

Инструкция

1
Добавьте блок "ST110" Избранное в подвал вашего сайта
2
Вставьте код в блок "Другое" - Т123 в подвал вашего сайта
3
Загрузите в зеро-блок "2" иконки и вставьте ссылки на них в коде
Код скопирован
Код для вставки
<!-- Меняем иконку "Избранное" в Тильда на свою кастомную | youx.agency -->
<!-- https://youx.agency/menyaem-ikonku-izbrannoe-tilda -->

<style>
/* Скрыть старую иконку */
.t1002__addBtn svg {
    display: none;
}

/* Первая иконка по умолчанию */
.t1002__addBtn::before {
    content: url('https://static.tildacdn.com/tild3566-3434-4238-b234-353831346139/bookmark_24dp_000000.svg'); /* Первая иконка */
    display: block;
    width: 24px;
    height: 24px;
}

/* Вторая иконка */
.t1002__addBtn_active::before {
    content: url('https://static.tildacdn.com/tild3639-6665-4834-b065-653932303136/bookmark_24dp_000000.svg'); /* Вторая иконка */
}
</style>

<script>
// Найдите кнопку
const addBtn = document.querySelector('.t1002__addBtn');

// Добавьте обработчик события для клика
addBtn.addEventListener('click', () => {
    // Переключаем класс .clicked при клике
    addBtn.classList.toggle('clicked');
});

</script>

Другие модификации