Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
#2470a1
Meet our team
The smartest people work every day to provide the best service and to make our clients happy
  • Max Holden
    Founder & Art Director
  • Eva Stark
    Customers Support
  • Julia Bush
    Design Director
  • Carlos Lott
    Marketing Director
  • Lolita Mesinlo
    Illustrator
  • Fredderick Jordan
    Animator
  • Kennifer Monalica
    Video Editor

Как сделать шахматную раскладку последней строки блока из колонок для десктопа в Tilda

Как выполнили данный пример:

1. Создали блок команда TM101
2. Назначили ему 4 колонки и добавили 7 карточек
3. Добавили код на страницу в блок ДРУГОЕ►Т123
В коде заменили ID нашего блока и class элемента колонки
#rec117000222 .t-col_3
Также указали в коде количество колонок
colliNE = 4;

<script>
$( document ).ready(function() {
    function chessmate(){
    //задаём ID нашего блока и класс колонки
    let columnID = '#rec117000222 .t-col_3';     
    if ($(window).width() > 980){ let cardmaSS =  $(columnID).length;
    //Задаём кол-во колонок
    const colliNE = 4;
    let findcaRD =  (Math.floor(cardmaSS/colliNE))*colliNE;
    let missbLK = cardmaSS - findcaRD;    let clearliNE= colliNE - missbLK;    if(missbLK != 0 ){
    $(columnID+':eq('+findcaRD+')').css('padding-left' , 'calc( (100%*'+clearliNE+' ) /( 2*'+colliNE+'))');
    };}else{ $(columnID).css('padding-left','0px');};};chessmate();
    $( window ).resize(function(){chessmate();});
});
</script>
Made on
Tilda