Полезный код
Тут я собираю сторонний код, который будет дополнять функции платформы Tilda Publishing.
Горизонтальный скролл элементов
Полезное дополнение, которое позволит аккуратно спрятать большое количество информации за край экрана.
Верхнее меню из Zero - блока
Верхнее фиксированное меню из Zero-блока. Есть возможно кастомизации блюром на фоне.
Корзина в Zero блоке
Мы меняем стандартный кружок корзины на собственный в шапке или в любом другом месте.
Горизонтальный скролл элементов
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
Everything should be made as simple as possible, but not simpler.
more
<style>
    #rec268616871 {
        cursor: -webkit-grab;
        cursor: grab;
    }
</style>

<script src='https://cdn.jsdelivr.net/npm/dragscroll@0.0.8/dragscroll.min.js'></script>
<script>

    $('#rec268616871 .t396__artboard').addClass('dragscroll');


</script>
Меню из Zero-блока
За основу был взят код с сайта mo-ti и совсем чуточку изменен
<style>
.fixed {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 9999;
}
.fonmenu{
    background-color: rgba(0, 0, 0, 0.7); <!-- тут меняем цвет фона и цифру 7 на любую другую для увеличения или уменьшения прозрачности  -->
    backdrop-filter: blur(15px);<!-- меняем значение для увеличения или уменьшения блюра -->
    transform: translateY(0%) !important;
}
.transtime{transition:  all 0.4s cubic-bezier(0, 0, 0.8, 1.0)}
</style>
<script>
$(document).ready(function(){
    let scrolldistance = 10; //Дистанция скролла
    let blockMenuID = '#rec166003122'; //ID Zero
    $(blockMenuID).addClass('fixed');
    setTimeout(function(){ 
        $(blockMenuID).addClass('transtime')
        if($(document).scrollTop()>scrolldistance){$(blockMenuID).addClass('fonmenu')};
    }, 500);
    $(window).scroll(function() { 
        var top = $(document).scrollTop();
        //Если перемещение больше 10 px
        if (top >= scrolldistance) { 
          $(blockMenuID).addClass('fonmenu');
        } else {
          $(blockMenuID).removeClass('fonmenu'); 
        }
    });
});
</script>
<style>
.blkElem{pointer-events:none; }
.cartcopyanim {
-webkit-animation: t706__pulse-anim 0.6s;
animation: t706__pulse-anim 0.6s;}
.cartcopy_elem .tn-atom , .cartprice_elem .tn-atom {display:none}
.cartcopy{cursor:pointer}
.t706__carticon {display: none !important;} 
</style>
<script>
$( document ).ready(function() {
   let hideMode = false; //Скрыть-Показать пустую корзину - true-false
   $('.cartcopy_elem .tn-atom').addClass('cartcopy');
   $('.cartprice_elem .tn-atom').addClass('cartcopyprice');
   function chkNum(){
   if(!hideMode) $('.cartcopy, .cartcopyprice').show();   
   let chCounter = window.tcart.total;
   let chPrice = window.tcart.prodamount;
   if  (chPrice==0){
        $('div[data-elem-type="text"] .cartcopyprice').html(''); 
        if(hideMode) {$('.cartcopy, .cartcopyprice').hide()
        }else{$('.cartcopy, .cartcopyprice').show()};
   }else{ 
       $('div[data-elem-type="text"] .cartcopyprice').html(chPrice+' руб'); 
          if(hideMode) $('.cartcopy, .cartcopyprice').show();
   };
   $('div[data-elem-type="text"] .cartcopy').html(chCounter);
   if(chCounter==0){ $('.cartcopy').addClass('blkElem');
   }else{ $('.cartcopy').removeClass('blkElem'); }; 
   if(chCounter==''){$('div[data-elem-type="text"] .cartcopy').html(0);}; };
       setTimeout(function(){chkNum();}, 50);
   $(".t706").on('DOMSubtreeModified', ".t706__carticon-counter", function() {
       setTimeout(function(){chkNum();}, 30);
   $('div[data-elem-type="image"] .cartcopy').addClass('cartcopyanim');    
   setTimeout(function(){ $('.cartcopy').removeClass('cartcopyanim');}, 1000);});
   $('.cartcopy').click(function(e){e.preventDefault();tcart__openCart();});
});	
</script>
1
Добавляем изображение, которое при нажатии будет открывать корзину и текст "0", который будет показывать количество товара в ней.
2
Нажимаем правой кнопкой мыши на изображение и присваиваем класс для элемента cartcopy_elem
3
Нажимаем правой кнопкой мыши на "0" и присваиваем класс для элемента cartcopy_elem
4
Создали корзину ST100 и настроили все поля для ввода
5
Добавили код на страницу