Создаём слайдер из Zero блоков, используя обложку промо слайдер CR30N в Tilda
Creativity is the name Triumph is the game
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
Нажимая кнопку «Получить спецпредложение», Вы соглашаетесь на обработку персональных данных
Creativity is the name Triumph is the game
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
Нажимая кнопку «Получить спецпредложение», Вы соглашаетесь на обработку персональных данных
What we aim to create is the stuff of dreams
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
VIEW MORE
True professionalism fueled by pure innovation
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
VIEW MORE
True professionalism fueled by pure innovation
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
VIEW MORE

Создаём слайдер из Zero блоков, используя обложку промо слайдер CR30N в Tilda

1
Создали галерею CR30N
2
Создали 3 ZeroBlocka
3
Создали копии последнего и первого ZeroBlock
4
Добавили скрипт на страницу
Скрипт добавляем в блок ДРУГОЕ►T123
В коде изменили ID СR30N

Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Получить полное видео
Посмотреть все видео
Создаём слайдер из нескольких ZeroBlock. Несколько слайдеров на странице. Свои кнопки для слайдера.
Длительность видео: 30 мин
Фрагмент видео
Посмотреть видео в личном кабинете ►
Библиотека для примера

<style>.t734 { height: auto !important; }</style>
<script>
$(document).ready(function(){
let sldID = ['#rec166024520'];
setTimeout(function(){
for (let i=0; i<sldID.length; i++){
    let sliderEl = sldID[i]+' .t-slds__item'; 
    let slidercount = $(sliderEl).length; $(sliderEl).empty(); let start=0;
    if(!$(sliderEl+'[data-slide-index="0"]').length){start=1};
    for (let j=0; j<slidercount; j++){
        let sInd = j+start;
        if(start){ slideId = '#'+$(sldID[i]).next().next('div[data-record-type="396"]').attr('id');
        }else{ slideId = '#'+$(sldID[i]).next('div[data-record-type="396"]').attr('id') 
        if(j==0){sInd=slidercount-1};if(j==slidercount-1){sInd=0};
        }; $(slideId).appendTo(sliderEl+'[data-slide-index='+(sInd)+']');
    };  if(start){ $(sldID[i]).next().hide(); $(sldID[i]).next().next().hide()};
};
}, 100); 
});    
</script>
Made on
Tilda