Non Alcoholic
Mojito
Special Offer
Beef
Fillet
$19.99
Blueberry
Ice Tea
Dish Of the Day
Fried
Shrimps
$12.99
Espresso
Helthy Breakfast
Granola
$7.99

Как создать слайдер со своими кнопками из ZeroBlock в Tilda

1. Создали слайды в ZeroBlock и добавили в них кнопки
со ссылками #leftsld #rightsld
2. Добавили на страницу блок CR30N
3. Добавили код в блок Другое - Т123
<style>
    .t734 { 
height: auto !important; 
}
    /*Скрываем штатные стрелки слайдера*/
    .t734 .t-slds__arrow_container {
    display: none;
}
</style>
<script>
$(document).ready(function(){
 //Задаём ID нашего Слайдера
 var sliderID = '#rec97623666 .t-slds__item';
//Считаем кол-во слайдов...
 var slidercount = $(sliderID).length;
 //Записываем ID наших ZeroBlockov       
      var zeroSlideFull = [  "#rec97357793" ,  "#rec97620695" , "#rec97631686"  ];           
 //Очищаем слайды
   $(sliderID).empty();   
//Создаём слайдер... 
     var i = 0;
     while (i < slidercount-2) {
    $(zeroSlideFull[i]).appendTo(sliderID+":eq("+(i+1)+")");i++;
   };
//Клонируем блоки в нулевой и конечный слайд
  $(zeroSlideFull[0]).clone().appendTo(sliderID+":eq("+(slidercount-1)+")");
  $(zeroSlideFull.pop()).clone().appendTo(sliderID+":eq(0)");

//Управляем слайдером своими стрелками из Zero
//При клике на левую кнопку - крутим слайдер влево
 $("a[href = '#leftsld']").click(function(event) {
   $(".t734 .t-slds__arrow-left")[0].click();
   event.preventDefault();
  });
//При клике на правую кнопку - крутим слайдер вправо
  $("a[href = '#rightsld']").click(function(event) {
   $(".t734 .t-slds__arrow-right")[0].click();
   event.preventDefault();
  });    
    
});    

</script>
Made on
Tilda