Слайдер в zero block Тильда.

Привет. Сегодня узнаем как сделать автоматический слайдер с вашим контентом в Zero Block. Создадим связку из слайдера и Zero ZBlock и свяжем скриптом. Всё очень просто.
Готовый скрипт в описании под видео.

___________________________________________________________
Если останутся вопросы, пишите в комментариях.

[yulia_nabalance]

Единственное толковое и понятное видео по этой теме! Огромное спасибо!

[flightperrita]

Это де просто какое то спасение!!! Два дня я ломаю голову над этим! Благодарю вас!!!

[protilda-.]

Я посмотрел комменты. У многих послетал код. Возможно были изменения в коде браузеров. Я не занимался этой проблемой. Если решу вопрос этот я обязательно сделаю поправку и залью новый код. Так же залью видео с решением проблемы.

[nastiadoropii]

Добрый день, Артём
Спасибо большое вам за видео, оно действительно помогло !
Всё доступно и понятно объяснили и теперь я умею делать автоматический слайдер

[originalEgzE]

Заколебался искать, как легко сделать слайдер, везде непонятно. Спасибо за видео, сделал за 10 минут!

[pavelpetrenko]

Отлично, полезную информацию для себя получил. Спасибо!

[Алия-ой]

Что делать, если в Зеро блоках есть галерея, и основной слайдер СR30N глючит видимо изза этого, первый показывает нормально, второй и третий исчезает галерея и нижние края?

[ellenois]

Единственное годное видео! Спасибо большое !

[nastya_halk]

Блииин, спасибо! Это видео - просто спасение!!!! Я сперва мучилась с другим, гигантским кодом, сидела над ним два дня!!! Благодаря этому видео - управилась за 40 мин!
Огромное спасибо!

[ЛеонидЕмельянов-хф]

Спасибо, всё, получилось!
Я искал это видео, на конец то нашёл!
его)

[juliiwe]

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

[ВалерияГрезина-ыъ]

Всем привет, у меня тоже слетело все на мобильной версии. Как удалось решить вопрос:
1. У всех текущих слайдов выставить диапазон видимости 980 и больше (включая html и сам слайдер)
2. Все продублировать еще раз и поставить диапазон 980 и меньше (включая html и сам слайдер)
3. Скрыла дублированные слайды
4. Теперь внимательно, пример для 3 слайдов: изначально порядковые числа шли как надо 1, 2, 3 (на десктопе), там где мобильная версия в коде слайды стоят по другому порядку 2, 1, 3
5. Копия первого слайда стала СЛАЙДОМ 3!!! Напомню, все копии мы скрыли! Копия второго стала СЛАЙДОМ 1!!!
Возможно эти копии можно удалить, но я от греха подальше не буду.

[tanyabiruk]

Скрипт не работает в сафари. Можно как-то решить?

[АлексейПастухов-ту]

Благодарю, крайне полезно оказалось! Только не понял, для чего выставлять 100 у высоты контейнера в зеро-блоках. Попробовал с этим значением и без него. Вроде на десктопе и мобильном разницы нет. А вот промежуточные нормально отображаются только когда 100 не выставлено. Иначе фон продлевается сверху до низу, чего не нужно. Может, есть какие-то нюансы, которых я не заметил?

[perkovaperkova]

Последний слайд обрезается и показывается не полностью на мобильной и десктопной версии. Как это поправить?Сделала копию

[ИльяСартаков-еэ]

Друзья, у кого проблема с отображением на мобильном (блоки не добавляются в карусель):
1. Зайдите на страницу
2. Отключите другие сторонние скрипты (скрыть блок)
3. Проверьте работоспособность слайдера
4. Включайте другие скрипты по одному, чтобы понять какой код блокирует отображение в мобильной версии.

[ЮлианаГордеева-жб]

Спасибо! Все понятно и доступно! Сделала и все сработало! Только один нюанс появился, на мобильной версии после слайдера стоит пустой черный блок, никак не пойму как его убрать, на других версиях такого нет! Методом тыка выяснила, что это отражается пустой блок слайдера, кто-нибудь может подсказать как его убрать с мобильной версии?
Заранее благодарю за ответ

[AnastasiaShuyskaya]

Артём, добрый день! Возникла проблема с кодом, по какой-то причине перестали отображаться блоки по порядку (хотя изначально все было - ок)
Подскажите, как это можно устранить ?

[iliakuts]

Скрипт не работает в моб. версии. Подскажите как решить?

[dimadim]

На эплах в гугл хроме не работает почему-то скрипт. Причем всё было хорошо, но в какой-то момент перестало работать.