![Андрей Куликов](/img/default-banner.jpg)
- 4
- 48 261
Андрей Куликов
Russia
เข้าร่วมเมื่อ 9 ก.ค. 2016
Слайдер из Zero block в Tilda и обложки CR30N (Исправлен код)
Видимо это самый популярный способ сделать слайдер из Zero block в Tilda. Поэтому я обновил код, теперь все работает корректно.
Ссылка на скрипт и инструкцию прежняя anku.im/blog/slider-with-cr30n-and-zero-block
Данный код стал проще для вас, теперь необходимо заменить всего 1 id блока обложки CR30N
По пунктам:
1. Создаете обложку CR30N;
2. Создаете в настройках обложки столько карточек, сколько слайдов планируется;
3. Ниже создаете блоки, которые будут слайдами;
4. Ниже создаете блок T123;
5. Добавляете код из примера;
6. Заменяете id CR30N на свой
7. Публикуете страницу.
Ссылка на скрипт и инструкцию прежняя anku.im/blog/slider-with-cr30n-and-zero-block
Данный код стал проще для вас, теперь необходимо заменить всего 1 id блока обложки CR30N
По пунктам:
1. Создаете обложку CR30N;
2. Создаете в настройках обложки столько карточек, сколько слайдов планируется;
3. Ниже создаете блоки, которые будут слайдами;
4. Ниже создаете блок T123;
5. Добавляете код из примера;
6. Заменяете id CR30N на свой
7. Публикуете страницу.
มุมมอง: 14 078
วีดีโอ
Раскрывающиеся карточки в стиле macOS на Tilda
มุมมอง 2.3K3 ปีที่แล้ว
Работаем с блоком TX16N, который находится в разделе "Текст". Пример простой, вам нужно только внести несколько настроек в блок и добавить его ID в код. Пример кода на странице: anku.im/blog/macos-style-accordion
Карусель в Zero block на Owl Carousel
มุมมอง 19K3 ปีที่แล้ว
Owl Carousel - один из самых популярных плагинов карусели на jQuery. Если у вас появилась необходимость разместить слайдер на вашем сайте Tilda, то данное решение прекрасно справится с задачей. Ведь в данную карусель вы можете поместить практически любой контент. В этой статье я покажу, как превратить содержимое любого Zero block в слайд карусели. anku.im/blog/carousel-in-zero-block-with-owl-ca...
Слайдер из Zero block и обложки CR30N в Tilda
มุมมอง 13K3 ปีที่แล้ว
Обновлен код слайдера, новое видео доступно по ссылке th-cam.com/video/X-y_YKSaEGg/w-d-xo.html Код и инструкция в статье anku.im/blog/slider-with-cr30n-and-zero-block
Не знаете как в консоли исправить ошибку "TypeError: Cannot read properties of undefined (reading 'fn')" Может конфликт какой с Тильдой? Из-за этой ошибки не работает весь код. P.S. Решила проблему, не был подключен jQuery (подключается в админке)
Не работает😔
Друзья, возможно вы столкнулись с проблемой некорректной работы модификаций и мы рекомендуем включить поддержку библиотеки jQuery в настройках сайта: 1⃣ Настройки сайта > Еще > Подключить jQuery на страницах сайта. 2⃣ Сбросить кэш опубликованной страницы , на которой установлены модификации. 3⃣ Далее необходимо переопуликовать все страницы сайта.
на 1 сайте работает. на другом не хочет . . .
Изначально все работало, а теперь нет. Очень досадно способ был и правда очень крутой
тоже раньше работало, а сейчас делаю сайт и не хочет
люблю целую обнимаю
А как сделать автоперелистывание каждые 10 секунд?
Очень классное и полезное видео, но есть вопрос. Можно ли изменить положение стрелок при использовании блока CR30N?
Спасибо Вам!
почему-то перестало работать (на мобильном так точно)(((((
Добрый день! Слайдер выпадает в мобильной версии, но только в сафари. Все до этого работало корректно
Вылетает мобильная версия на последнем слайдере. Можете подсказать, в чем причина?
Андрей, подскажите, пожалуйста, как сделать автоматическую смену слайдов?
спасибо вам!
Добрый день. Нет идей почему на мобилке в последнем блоке текст становится меньше?
Спасибо большое за скрипт, Все работает
скиньте код пожалуйста, у вас сайт не рабочий(((
Андрей, можно ли где-то в другом месте посмотреть код? Тк вижу, что сайт по ссылке из описания сейчас на реконструкции. А я как раз ищу решение той проблем, о которой говорится в видео. У меня код от Mo-ti и в нем в мобильной версии слетает последний слайд.
На телефоне слайды вылетают. И у вас на сайте тоже вся верстка слетела((
Привет! Все получается на десктопе, а вот на мобильной версии в фрейм влезает только огрызок нужного zero блока. При этом размеры блока совпадают с размером фрейма. В чем дело? В коде размеры указал соответствующие. По ширине нормально, а по высоте нет.
Добрый день, Андрей! Все отлично работает, только почемуто не прорисовывает форму. На мобиле видно, что при перемещении форма появляется, но как только слайд "фиксируется" после перемещения, форма исчезает. Все остальные элементы прорисовываются.
отключал lazy load?
Не работает, к сожалению. Последний слайд слетает
Большое спасибо!!!
А-а-а-а-а-а!!! В предыдущем видео три дня возился, как сделать Случайно увидел какая-то добрая девушка указала твоё имя и фамилию и вуаля Спасибо тебе огромнейшее, человечище!!! Просто лучший!
как сделал?
последний слайд не ровно встает
Вставляю в слайды видео с ютуба и когда запускаю оно начинает троиться, т.е в одном окне сразу 3 копии видео воспроизводится
Огромное спасибо вам!!!Так долго мучалась со слайдером, ваш прям сразу получился!!!
уточните пожалуйста, вы в коде не ставили айди слайдеров зеро блоков? у меня вообще не работает код
Спасибо за гайд. У меня при изменении respnsive items 1000 в коде с 1 на 3 перестают работать ховеры. Может кто ни будь сталкивался с данной проблемой? Спасибо!
А как сделать так,чтобы еще степ бай степ анимация работала в слайдере?
Андрей Куликов, МУЖИК! Ты красава!
При смене ориентации телефона копии слайдов входящих в блок выпадают вниз копиями. Firefox (2023)
Подскажите пожалуйста, как быть, если после настройки слайдера у меня пропала анимация с кнопки?
Уже несколько вариантов ипользования owl carousel с разных каналов попробовал и каждый раз ломается step-by-step анимация. Она просто перестаёт работать, и народ в интернете тоже на это жалуется. Никто случаем не знает, в чём может быть причина?
Думал, что решение нашел, а по итогу проблема осталась, последжний слайд всегда на мобилке в любом браузере ломается, тупо едет весь и все
Спасибо большое!😊 все получилось. НО! Последний слайд подскочил и его обрезало, в чем может быть причина?😢
Видео супер, спасибо!
Благодарю за проделанную работу и предоставленную инструкцию с кодом! Лайк и подписка🙏
Спасибо за подробное видео, много важных нюансов
У меня на последнем слайде текст слитает что делать?
Да почему-то не переключаются кнопки слайды(( Очень странно.
Код перестал работать ....
суппер, работает на моб версии
Здравствуйте, не могу поменять расстояние между слайдами (не получается его уменьшить, чтобы было совсем небольгое,как у вас). Получается только увеличить, а вот уменьшить нет. Меняю в строке кода значение "margin'. Подскажите, пожалуйста, как исправить?
Добрый день! Спасибо за видео. Очень полезно! Подскажите, плиз, может можно настроить автоматическую смену слайдов? В коде/зеро блоке/обложке?
да, настройки слайдера > настройки галереи > стиль галереи > скорость анимации(а в самом начале данных настроек будет галочка "бесконечная галерея") Хорошего дня!)
Спасибо тебе за работу!
Подскажите пожалуйста, как сделать так, чтобы слайды не резко перелиставались, а плавно исчезал один слайд и появлялся другой? Очень нужно 🥺🙏
Слайдер работает отлично. Но копии блоков тоже отображаются под слайдером. Если скрыть, то все ломается. Подскажи плиз как решить это🙏
огромная благодарность!
можно ли как то изменить код чтобы была возможность использовать два слайдера на странице?
слайдер работает, но почему только 1 слайд отображается за раз? хотя написано items: 4?
Добрый день, а для чего нужно делать копию первого и последнего слайда?
видимо, для эффекта бесконечности
Спасибо за инструкцию, все работает. Но проблема с последним слайдом. Слетают элементы на сайте. Меняла местами слайды и слетают элементы всегда только на последнем слайде, значит причина не в зеро блоке. В чем может быть причина?
Тоже беда
аналогично...
у меня тоже((((