1

Как присвоить class для любых ссылок на сайте Tilda?

Если перед вами стоит задача присвоить всем телефонам на сайте определенный class, например, каждой ссылке на телефон формата
<a href=tel:"+79129126161">8 (912) 912-61-61</a> присвоить "class=zphone", чтобы данный номер телефона подменялся на телефон из пула динамического call-трекинга от Zadarma, то мы предлагаем воспользоваться следующим скриптом.

Данный скрипт надо вставить в между тегами <head></head> после инициализации javascript, но перед скриптом от самой компании Zadarma.

Для Tilda данное решение подходит идеально, так как штатных способов присвоить class ссылке или обернуть номер телефона в тег <div class=zphone></div> в данном конструкторе сайтов нет. Но это не умаляет его заслуг, мы все равно считаем Tilda вершиной эволюции сайтов для малого бизнеса :)

Если вам помог данный инструмент, то поделитесь ссылкой на него в своих социальных сетях, нам будет очень приятно!

А если разобраться не удалось, пишите или звоните нам - мы обязательно поможем.


<script>$( document ).ready(function() {
   $('a[href*="tel:84957955017"]').each(function(){$(this).addClass('t-btn')})
});</script>

Затухание страницы на Tilda?

Если перед вами стоит задача присвоить всем телефонам на сайте определенный class, например, каждой ссылке на телефон формата
<a href=tel:"+79129126161">8 (912) 912-61-61</a> присвоить "class=zphone", чтобы данный номер телефона подменялся на телефон из пула динамического call-трекинга от Zadarma, то мы предлагаем воспользоваться следующим скриптом.

Данный скрипт надо вставить в между тегами <head></head> после инициализации javascript, но перед скриптом от самой компании Zadarma.

Для Tilda данное решение подходит идеально, так как штатных способов присвоить class ссылке или обернуть номер телефона в тег <div class=zphone></div> в данном конструкторе сайтов нет. Но это не умаляет его заслуг, мы все равно считаем Tilda вершиной эволюции сайтов для малого бизнеса :)

Если вам помог данный инструмент, то поделитесь ссылкой на него в своих социальных сетях, нам будет очень приятно!

А если разобраться не удалось, пишите или звоните нам - мы обязательно поможем.


<style>
@keyframes page_transition
{
from {opacity: 0;}
to {opacity: 1;}
}
@-webkit-keyframes page_transition
{
from {opacity: 0;}
to {opacity: 1;}
}
html
{
animation: page_transition 1s ease-in-out;
-webkit-animation: page_transition 1s ease-in-out;
}
html.unloading
{
transition: opacity 1000ms linear !important;
opacity: 0 !important;
}
</style>
<script>
window.addEventListener("beforeunload", function() {
document.documentElement.classList.add("unloading");
});
</script>

Фиксированное меню в Зеро Блок


<style>
/*Задаём ширину меню в 100%*/
.floating {
 width: 100%;
}
/*Выставляем фиксированную позицию на экране и номер слоя выше остальных*/
.fixed {
 position: fixed;
 top: 0px;
 z-index: 9999;
 opacity: 1;
 /*Задаём время и характер анимации для фона меню */
 transition:all 0.6s cubic-bezier(0, 0, 0.8, 1.0);
}

.fonmenu{
 background:#000000;
}

</style>

<script>
$(document).ready(function(){
    /* нужно заменить на код блока  Zero выполняющего роль меню */
    var blockMenuID = '#rec80847768';
    //Добавляем класс с шириной и фиксацией
    $(blockMenuID).addClass('floating fixed');
   //Когда начался скролл экрана
    $(window).scroll(function() { 
        var top = $(document).scrollTop();
        //Если перемещение больше 5 px
        if (top >= 5) { 
        //То добавляем к меню наш фон
          $(blockMenuID).addClass('fonmenu');
        } else {
        //Если поднялись наверх, то удаляем фон    
          $(blockMenuID).removeClass('fonmenu'); 
            
        }
    });
});
</script>