Как сделать НЕ полноэкранный слайдер из зеро-блоков на Тильде (Tilda)

___________________________________
___________________________________
___________________________________
Вступление — 0:00
Сравнение - 0:48
Блок со слайдером 1:28
Слайды 5:04
Настройка кода 7:44
Проверка - 9:40
Заключение - 10:34
___________________________________
#Тильда #zeroblock #слайдер

[MaxKlimkov]

ОТВЕТ ПРО АДАПТАЦИЮ ПОД МОБИЛЬНЫЕ УСТРОЙСТВА

В мобильной версии не поместится вместить две, три и более карточек. Поэтому 2 варианта:
1. Растянуть шейп вертикально и делать карточки внутри него тоже вертикально друг за другом. Все должно работать, как на ПК. Просто слайдер станет вертикальным и длинным.
2. Сделать горизонтально, чтобы карточки выходили за край устройства. И затем добавить горизонтальный скролл. Таким образом карточки будут листаться на мобильном пальцем горизонтально. Пример, как это может выглядеть на одном из моих сайтов - linkparty.ru




Важно, чтобы не конфликтовал код, сделать два блока. Один слайдер для ПК с отображением 1200рх и до бесконечности с кодом из моего видео, а второй до 1200рх и с горизонтальным скроллом

Если Вы хотите сделать несколько таких слайдеров на одной странице, то не забудьте поменять в новом коде: класс шейпа, ID слайдов, ссылки на стрелки (например, «#slider_left1» и «#slider_right2»), а также ОБЯЗАТЕЛЬНО класс «tildoshnaya-slider-owl» смените на какой-нибудь другой (например, «tildoshnaya-slider-owl1»)

[ninabatc]

Это самое крутое видео в этой тематике из всех, что я видела! Спасибо огромное за твой труд! Срочно требую продолжение темы 😍

[KliMikh]

Очень полезный урок!) Такую информацию тяжело найти, а тут все в одном ролике. Лайк, подписка!)

[Marevo]

чуть было не опустила руки и не распрощалась с идеей, но тут попалось это видео. Кратко и по-существу. Супер, спасибо!

[mikakhassenova]

Спасибо тебе добрый человек!!!! Уже отчаялась и думала менять дизайн, а тут это видео. Самое доступное объяснение! Подписываюсь!

[IgorevichArtem]

Спасибо, полезное видео.
Благодаря ему закрыл несколько собственных вопросов. Вроде и слайдер такой не нужен, но залип с просмотром, так как теперь стал понятен принцип работы.

[Dontgoagainstthedream]

Ты просто красавчик!!! Очень полезное видео!!! Прям находка ) Спасибо тебе большое!!!!
Удачи и успехов во всем!!!

[VeraSadko]

То, что надо!!! Спасибо огромное 🤩 ничего подобного не видела, а с тобой всё получилось!!👍

[eddiesparks]

Спасибо огромное! Я потратил несколько дней, чтоб найти данное видео и сделать дизайн по изначальной задумке) Выручил прям

[LoonyNoob]

Спасибо большое за урок, как раз искал данную информацию, Максим респект 😎🤘

[mariakash]

Как же вы мне сильно помогли!)))
Хотелось реализовать интересную идею в зеро блоке для заказчика и в вашем видео я нашла именно то, что искала
Все работает
Спасибо

[ydvrzip]

Все четко, понятно, последовательно.

[elnurserikson]

Ооооочень крутой мод! Благодарю. Пожалуй самое крутое видео на тему слайдера в нулевом блоке. Спасибо за видео!!! 🔥🔥🔥

[heykkum]

Спасибо большое за это видео! Очень помог, Макс 👍🏻 На твоем сайте с инструкцией прочитала информацию по поводу автоматической прокрутки слайдов - это то, что мне нужно было! Правда, когда я вставляла этот код для прокрутки после абзаца с адаптивностью, то у меня слетал весь слайдер. Я немного посмотрела, подумала и попробовала вставить код для прокрутки наоборот ВЫШЕ абзаца с адаптивностью и после этого все заработало: и сам слайдер, и автоматическое прокручивание слайдов! Одним словом, круть, подписалась на канал 😁

[ihorzhuk]

Лайка, подписка! Пили пили, контент! Я как граф диз. сейчас активно ищу инфу по тильде в зеро, на ютубе мало такого. Сейчас самое время что бы влететь! Буду рекомендовать твой канал и блог друзьям. Красава.

[SadovPianos]

Просто бэст. Спасибо, это очень полезно и понятно

[polina]

у меня всё получилось с первого раза, спасибо тебе огромное, крутой контент!

[yaklevaia]

Максим, спасибо огромное!! очень полезное видео. Сначала не получилось. Ребятки, у кого не получается проверьте все КАВЫЧКИ в коде, у меня не хватало закрывающей кавычки )))

[pnidhmy]

Спасибо, очень помогли, ну а я в свою очередь помогу комментом и лайком!

[vfkchqu]

Там ещё в скрипте можно включить-отключить зацикливание прокрутки и точки-контроллы. Так же можно закомментить путь до CSS-ок, которые находятся на cloudflare, и в Тильде вставить содержимое этих CSS-ок, внеся правки, изменив в них, например, цвет и размер точек-контроллов.