Слайдер в zero block тильда
Vložit
- čas přidán 27. 08. 2024
- Ребят, всем привет)
В этом видео я расскажу как слайдер используя zero block на тильде. Покажу как правильно работать с кодом, чтобы ваш слайдер работал правильно
Ссылка на код - romanyu.ru/skr...
_______________________________________
Поддержать канал
budilovv.ru/yo...
_______________________________________
Начать обучение
budilovv.ru/ed...
_______________________________________
Мой сайт - budilovv.ru
Поддержать канал - budilovv.ru/yo...
_______________________________________
✅Поделись видео с друзьями
✅Подпишись на канал и поставь🔔
_______________________________________
Telegram: teleg.run/budd...
ВК: budilov13
Всем привет
Сейчас в коде вверхней строчке где scroolbooster надо поменять ссылку на эту
cdn.jsdelivr.net/npm/scrollbooster@3.0.2/dist/scrollbooster.min.js
И тогда всё будет прекрасно работать
Не работает
тоже не работает
@@maccone2187 Странно, попробуй создать его на другой странице
@@Buddilov тоже не работает(
Чтобы работало нужно разрешить jquery в настройках тильды. Столкнулся с той же проблемой, но включил jquery, опубликовал страницы и всё работает. Спасибо!
Вы спасли мою жизнь и мой сайт. Большое спасибо!
Все работает! Вначале ничего не получилось. Я добавила больше элементов в слайдер, чтобы они выходили за границу зеро-блока, и все получилось. Огромное спасибо!
Боже, это просто спасение чайников! 😁 Спасибо, добрый человек!
Спасибо огромное за полезное видео, только после ваших объяснений получилось сделать такой слайдер!!!!! От души БЛАГОДАРЮ!!!!
Действительно, без воды, все четко, ясно!
Как всегда ёмко, интересно и супер-полезно❤️ спасибо большое
Спасибо большое вам, прошло 2 года но все еще ВСЕ РАБОТАЕТ. Ураааа у меня получилось сделать 🎉✨
Спасибо за урок) Очень полезен)
Спасибо, оооочень помогли!!! Огромная благодарность!
Спасибо! Все четко и без воды.
Знаю этот метод, но посмотрел до конца, чтобы продвигалось видео. Люблю то, что ты делаешь, успехов!
Спасибо большое)
Очень приятно
Огромное спасибо. Все получилось с первого раза
а как стрелки на уровне с слайдами сделать?
Класс! Благодарю! То что искала)
Каждое видео клад просто! Спасибо.
Спасибо за обратную связь!)
Просто супер, Благодарю!!!
Спасибо! Всем успехов)
А если нужно, чтобы стрелки находились по середине (по высоте) блока со скроллом, т.е. выше картинок которые нужно листать (слева и справа). Что делать в этом случае, т.к. с блоком в режиме visible не работает код
Спасибо огромное!
почему то код перестал работать
как тебе удалось надпись Art style и кнопки слайдера выставить на передний план(поверх фоток)?
Как я понял, тут кнопки и надпись являются отдельными элементами, которые в слоях выставлены на передний план.
Они находятся на другом блоке 3:32
при нажатии на стрелки скролл не происходит, ссылку в коде поменяла на новую и тоже ничего не происходит. Подскажите как испраить?
У меня также, уже все перепробовала
День добрый. Подскажите возможно ли сделал кнопки входа вокруг основного фото и чтоб эти кнопки крутились по кругу этого фота
а как эти блоки наложить друг на друга?
в вашем варианте - стрелки и блок с картинками делаются в разных блоках и отображаются так же в разных блоках.
как это соединить?
Скорее всего, в блоке со стрелками в настройке overflow выбрано visible
А как адаптировать под мобильную версию?
просто проверьте на мобильной версии в телефоне она работает. С компа не отображается.
Благодарю!
Большущая благодарность!!Очень выручили меня, просто и понятно🔥🔥🔥🔥🔥🔥
Только у меня откуда-то появился вертик скролл, не подскажите как это убрать?
В настройках visible, убери у вертикали
ПОДАРКИ 🎁🎁🎁
Заходи в мой инстаграм, подписывайся и напиши мне слово "ФАЙЛ". После чего я вышлю тебе бесплатный пдф файл в котором собранно 15 способов по поиску заказов в веб-дизайне
Моя инста:
instagram.com/buddilovv/
Код проработал только один раз, а потом перестал. В самом конструкторе ничего не меняла
спасибо
спасибо!! Подскажите, а если мне нужно, что бы карточки сбоку были полу прозрачные, а которая посередине карточка была всегда в нормальном цвете?
Привет! Огромное спасибо за урок! Подскажите, почему может не работать переключение стрелками? сам слайдер двигается мышкой, а стрелки не работают. Возможно, кто-то сталкивался. Все сделала по инструкции. Спасибо!
Привет)
Посмотри внимательно на ссылки классы и возможно их перекрывают какие нибудь элементы
@@Buddilov Спасибо, проверила, стрелки единым элементом, сверху ничего не наложено. Классы заданы как в видео, не работает :(
@@Buddilov при этом раньше много раз использовала ваш урок, все получалось, не могу найти ошибку
@@user-kw9po2po6k дело может быть в выключеном jQuery, в Настройках сайта во вкладке "Еще"
@@Buddilov Заработалооо! Спасибо огромное!))
код перестал работать
Привет, не работает свайп на моб версии. Есть возможность со свайпом?
Надо поставить в настройках блока overflow на auto
Спасибо! А что прописать в коде, чтобы две такие галереи могли работать на одной странице
добрый день не нашли ли вы как сделать стрелки на одной странице?
Возник вопрос, почему у меня слева остается приличное пространство до того как начинаю скролить? Есть ли возможность привязаться к левому краю браузера? В остальном работает отлично. Спасибо!
Благодарю за урок! Подскажите, пожалуйста, как вы сделали расширенный фон? у меня много карточек и когда они листаются, то потом фон обрезается, остается только белый цвет(
Привет)
Посмотри мои ответы на вопросы по этому слайдеру
czcams.com/video/5ytIpXaix9Y/video.html
У меня фон находится на блоке со стрелками, а не карточками
Здравствуйте! А подскажите, почему с телефона работают только стрелки? С компа можно также двигать курсором. Может быть кто-то знает как исправить
Спасибо, решение во всем устраивает, кроме одного момента. В мобильной версии элементы скролла помимо горизонтального движения еще "ходят" вверх и вниз, причем вверх аж на пол карточки. Это особенность скрипта или я что-то не учел?
все, сам решил, какой-то элемент завалялся на переферии, из-за него такая ерунда была. Спасибо, рабочая штука. Буду использовать 👍
Всё здорово оформлено и рассказано! но у меня почему-то не получается! В блоке с картинками внизу появляется полоска скролла и стрелки не работают.
Можете подсказать в чём ошибка?
дело может быть в выключеном jQuery, в Настройках сайта во вкладке "Еще"
@@Buddilov спасибо, помогло!
Приветствую!
Сделал все шаги на видео, но всё равно после публикации скрипт не выполняется. Так же при клике на "стрелку" (шейп) у меня появляется бегущая строка, будто я могу на нём что-то ввести.
Плюсом, я могу мышкой передвигать конкретно этот блок в бок до последнего элемента за экраном.
В общем, не сработало. Возможно разрабы Тильды обновлением порушили такую возможность
Добрый день. Подскажите, пожалуйста, почему не работает свайпом на телефоне, а только через нажатие кнопок? Спасибо
привет)
Надо поставить в настройках блока overflow на auto
Могли бы вы подсказать, почему-то блок с элементами появляется снизу под блоком со стрелками? В чем может быть проблема?
Всё чётко, только модно было б чутка помедленнее, не все твои подписчики шарят, где и что нажимать, особенно когда ты в первый раз в этой теме ))) порой не понимаю что ты там выбираешь. Подумай об остальных пожалуйста )))))
Привет)
Принял
В мобилках работает? или только на десктопе?
И там и там
Данный код перестал работать именно сегодня. В макете ничего не менялось. Просто перестали работать стрелки по нажатию, свайп работает, точнее это наверное скролл все же, поскольку появляется скролл бар внизу блока.
Привет)
Поменяй ссылку в коде где scroollbooster на эту
cdn.jsdelivr.net/npm/scrollbooster@3.0.2/dist/scrollbooster.min.js
Добрый день! А как сделать pop-up, в котором слайдер с фото (например надо пролистать сертификаты специалиста)
Не понял, как сделали наложение блоков на видео. Можете, пожалуйста, объяснить?
Вот тут всё обговариваю)
czcams.com/video/5ytIpXaix9Y/video.html
Здравствуйте! Как сделать длинную ленту на тильде горизонтально? И почему я могу листать картинки только вправо?
А как сделали так, чтобы элементы скрола уходили за элементы из зеро блока (на задний план)?
Заранее спасибо за ответ))
Привет)
Не совсем тебя понимаю, ты имеешь ввиду как у меня в видео происходит?
@@Buddilov при перелистывании картинки заходят за прямоугольник с надписью «art in style»
Вы не нашли ответ на свой вопрос? У меня такая же проблема
@@user-rd9xf8nc7w нет 🥲 если у вас получится, отпишитесь 🙏🏽🙏🏽
таж фигня. не получается никак. какие-то элементы заходят за блок, какие-то сверху проходят.. жесть какая-то. всё перерыл найти не могу ответ
Как вы реализовали, что одно изображение находится под карточками, а второе ( где надпись арт стайл) над карточками?
Привет)
Игрался со слоями в тильде, тут долго объяснять, напиши мне лучше в лс в телеграме
Привет. если ставить не код, а использовать в Tilde через Chrome готовый блок Nolim, при окончании подписки сайт перестанет работать ?
Всё супер работает, большое спасибо, единственное стрелочки, немного не пойму как это должно работать, убираю высоту с блока со стрелками, поставила Visible, стрелочку только левую видно, на первой картинке а вторая стрелка вообще за всеми блоками позади, первая скрывается за остальными фото, на первом только наложение, не пойму это почему так:(
Привет)
Скорей всего потому что твоя стрелка находится в слоях на самом внизу
Смотри, в тильде есть система слоёв и если элемент находится в самом низу, то его могут перекрывать другие элементы из другого блока если как раз идёт наложение как у тебя
Советую просто добавить Shape несколько штук и поставить в слоях в самый низ, просто убери их за границы блока и видимость поставь на 0, чтобы их не было видно и всё
привет! а как сделать если на сайте нужны таких два блока со слайдерами - прописать разный класс? что-то не получается у меня(
Ответы на ваши вопросы
czcams.com/video/5ytIpXaix9Y/video.html
Привет!
Сделал все точь-в-точь, как на видео, не работает :(
В фигме сделал блоки, которые нужно листать,закинул в зероблок и поставил overflow auto.
Вторым блоком сделал стрелки, одной присвоил CSS class "arrow-right", другой - "arrow-left".
На сайте в описании вставил коды блоков, код в T123 залил, ссылку в scrollbooster поменял. Все равно не работает. Подскажи, в чем может быть дело?
Тут решение написали .
Отсортируйте по новым коментам и самый последний прочитайте
код еще работает? у меня нет все делал по инструкции
Привет)
Всё работает
Могу сдклать тажке за 10 сек на WP
И за 5 сек на самописном сайте)
не работает, сделал все точь-в-точь, даже размеры фигур. В чем проблем?
Салют! А если стрелки не в тему, как их убрать? или скрыть может можно
Привет) вот romanyu.ru/skroll-s-uderzhaniem-knopki-myshi
Может кто сталкивался с тем, что на планшете не работает скрол?
у меня почему то стрелки не работают
Привет)
Перепроверь всё, где то ошибка есть
@@Buddilov Я тоже сделала точь в точь по инструкции и не работает странно
Круто)
Только у меня почему-то сам блок смещается так и виден стык цветов
Привет)
Напиши в личку и пришли скрин, чтобы я понимал в чем дело
@@Buddilov Привет, у меня такая же проблема( сам блок смещается c заголовком, а не элементы
@@GraphicDesigner_Olga Ответил в личке)
@@Buddilov привет. классная фича. аналогичная проблема. подскажи решение, пожалуйста)
не получилось с видео на ютуб
Всё работает, только когда разрешение сдвига больше 1200 происходит лаг и всё становится криво. Если кто решил данную проблему поделитесь пожалуйста способом
А возможно сделать такой слайдер с одной стрелкой и бесконечным?))
Привет)
К сожалению нет
а что за шрифт?
а как ты два зеро блока обьеденил в 1?
Я вверху сделал блок с высотой 0 px и размещал контент в нём на нужное мне расстояние, а в настройках редактора выставил visible и благодаря этому все элементы верхнего блока наложились на нижний
@@Buddilov спасибо!
@@Buddilov Сделала так, вроде на макете все норм, стрелки пашут, но при публикации просто пустой контейнер :(
А как вместо картинок слетать слайдер с видео?
подскажите пожалуйста, почему на мобильной версии могло перестать работать?
Привет)
Не могу сказать, попробуй просто продублировать на другую страницу его
overflow для мобильной точно включен?
как её включить ?@@nu4i
красивые фотки, это откуда такие?
Привет)
Это Pinterest
@@Buddilov спасибо :D
А если у меня стрелки на одном блоке с шейпами?
Так нельзя делать
Надо, чтобы они были на разных блоках
а как сделать так: чтобы фон на заднем плане у слайдеров не двигался вместе с карточками???
Делать фон на другом блоке, я в видео показываю в конце как у меня
@@Buddilov хм, я тоже сделала фон отдельно, но у меня не соединился фон по итогу с карточками) Может нужно какой-то еще пункт сделать, чтобы их соединить?
@@ANYA43077 Привет) У меня на канале есть ответы на вопросы по этому видео
а как то можно настроить в нем авто слайдер?
Привет)
Нет
Решение супер. Только ссылка на код не открывается :(
Всё работает)
Дважды переделал строго по инструкции - не работает.
Попробуй сделать на новой странице, иногда помогает
@@Buddilov хы, правда получилось, всё то же самое, но сработало О_о
А вот как у тебя получилось, что кнопки слева, хотя блок сам сверху? У тебя ещё там увидел стоит высота блока 0, я сделал так же, и он вообще пустым показывается
@@user-be2wr4hq2g Специально делал видео по этому вопросу)
czcams.com/video/5ytIpXaix9Y/video.html
а как так зеро ьлок на зерьлок наложить?
Привет)
Я запишу видео про это в скором времени
У меня не получилось. Правда скролл я делала с видео
Здравствуйте!) Нужна помощь( Код пропал для слайдера, потому что перейдя по ссылке на ваш сайт, сайт неактивен((
Привет)
Сегодня сделаю новый ролик тогда по слайдеру
Уже работает)
КОД ПЕРЕСТАЛ РАБОТАТЬ НА 7 САЙТАХ, ЖДЕМ ОБНОВУ
Привет)
нужно разрешить jquery в настройках тильды
@@Buddilov все заработало, круто, спасибо!
не работает, четко по видео делала. вообще ничего
не работает
Привет)
Какие у тебя проблемы?
Дык по факту это не слайдер, твой скрипт только двигает блок, а на нем может быть хоть отрывок из Войны и Мира.
Привет)
Ну в целом по факту сказал конечно, только прошу заметить скрипт не мой
дизлайк, было сказано что сделаешь при использовании только зеро-блока, но тут надо еще использовать блок -html-, который появляется при оплате тарифа, но тогда и можно использовать просто блоки со слайдами и не париться.....
Привет, не работает свайп на моб версии. Есть возможность со свайпом?