Айдегин - блог Tilda-вебмастера

Как добавить кнопку в избранное Tilda?

2024-06-10 17:57 tilda
Как добавить свою кнопку в панель избранного Tilda? Заказчики попросили сделать простую кнопку, чтобы из Избранного сразу открывался попап со сбором контактов.
Пост основан на решении от Mo-Ti

Добавляем блок ST110 и BF502N
Для попапа прописываем ссылку #popup:consul
Добавляем код из примера в блок T123
<script>
$( document ).ready(function() {
$('.t1002 .t1002__wishlistwin-products').after("<a href='#popup:consul'><div class='continue-btn' onclick='twishlist__closeWishlist()'>Получить консультацию</div></a>");
});
</script>
Для оформления кнопки используем такой код CSS, добавляем код из примера в блок T123:
<style>
    .continue-btn {
        color: #fff !important;
        background-color: #2a2a2a;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Inter',Arial,sans-serif;
        text-align: center;
        border-radius: 10px;
        height: 55px;
        line-height: 55px;
        transition: all 0.3s;
        margin: 0 20px;
        padding: 10px 30px
    }
    
    .continue-btn:hover {
        background-color: #dd4235;
    }
</style>
Код оформления надо править под ваш проект.