Слайдер из Зеро и с Autoscale, без редактирования кода, со своими стрелками + СИНХРОНИЗАЦИЯ!

  Рет қаралды 29,026

Voron-dev

Voron-dev

Күн бұрын

В этом видео я покажу как сделать практически любой слайдер из зеро-блок/стандартных блоков, без редактирования кода, со своими со своими стрелками, точками пагинации и синхронизацией между слайдами на Тильда.
ВНИМАНИЕ!
Перед тем как приступить к созданию слайдера обязательно проверь инструкцию на страничке с самим генератором и посмотри обновленную инструкцию если что-то не получится:
• Любой слайдер из Zerob...
Я достаточно часто добавляю новые фичи на основе голосования\фидбека который получаю и поэтому некоторые шаги для создания слайдера могут меняться с течением времени. Поэтому обязательно сверься с новым видео и инструкцией на страничке если что-то не работает.
Генератор кода:
voron-dev.ru/
Тг-канал с модификациями:
t.me/voron_strikes_back
0:00 Описание
0:10 Подготавливаем Zero
2:15 Генерируем код
3:43 Второй пример слайдера
8:25 Несколько важных моментов

Пікірлер: 164
@voron-dev
@voron-dev Жыл бұрын
*ВНИМАНИЕ!* Перед тем как приступить к созданию слайдера обязательно проверь инструкцию на страничке с самим генератором и если у тебя что-то не получится то посмотри обновленное видео вот тут: kzfaq.info/get/bejne/pJtjlM5jtKvRZWg.html Я достаточно часто добавляю новые фичи на основе голосования\фидбека который получаю и поэтому некоторые шаги для создания слайдера могут меняться с течением времени. Поэтому обязательно сверься с инструкцией на страничке если что-то не работает. И не забудь также обратить внимание на пункт "важно" в инструкции, там информация по исключениям для некоторых настроек
@ford160484
@ford160484 Жыл бұрын
Огромное спасибо за труд! Просто БРАВО!
@user-il9es1uh9c
@user-il9es1uh9c Жыл бұрын
Прекрасное решение и отличный инструмент! Спасибо!
@user-vz3ix5fv5d
@user-vz3ix5fv5d Жыл бұрын
Красота! Огромное спасибо за лайфхак!
@user-to2ur5kd2k
@user-to2ur5kd2k Жыл бұрын
Круто. универсальный слайдер. очень классно, что все редактируется зеро блоком. 👍👍👍 Спасибо большое за труд. Буду пробовать
@Ivan-yd2hy
@Ivan-yd2hy Жыл бұрын
Дружище, ты просто лучший, спасибо огромное!
@VotkinskCity
@VotkinskCity Жыл бұрын
Огромное спасибо тебе Человечище!
@mattagonna
@mattagonna Жыл бұрын
Дядь, это лучший слайдер 🤌 Множество работающих настроек, удобство, подача и инструкции. Уважение и почёт ☝
@leraeklernaya5993
@leraeklernaya5993 10 ай бұрын
Спасибо! Рабочий код, всё максимально доходчиво объяснено ♥
@veselov7584
@veselov7584 Жыл бұрын
Друг, благодарю тебя за твою работу!
@user-lm9nt1os8e
@user-lm9nt1os8e Жыл бұрын
касаемо слайдеров - это лучшее что я видел) очень круто, продолжай в том же духе!
@grigory6058
@grigory6058 Жыл бұрын
Лучшее решение для слайдера на тильде, которое можно найти. Спасибо!
@DmitriiFokeev
@DmitriiFokeev 11 ай бұрын
Все работает) Отличный способ. Автору респект!
@user-nn5jl8zd3z
@user-nn5jl8zd3z Жыл бұрын
Ну афигенно же! Спасибо за труд!
@lenagannochka8993
@lenagannochka8993 9 ай бұрын
Спасибо большое!!! Если бы не Ваше видео, я бы сошла с ума, уже столько перепробовала! Спасибо!
@user-ri4ku5dh9o
@user-ri4ku5dh9o 8 ай бұрын
Как же я вам благодарна!!! Мучилась со слайдером долго, искало именно такое решение, как в видео. Нигде не могла найти подобное, а тут бесплатно и еще так быстро и просто. Всех благ)
@alllllllilive
@alllllllilive 7 ай бұрын
Спасибо тебе, добрый человек 🙏
@leraovcharova313
@leraovcharova313 10 ай бұрын
Огромное спасибо, Константин! Это самый лучший слайдер в мире!!
@dariagerbu
@dariagerbu 5 ай бұрын
Спасибо! Вам уготовано отдельное место в раю!!!!
@krekerrrrrrrrr
@krekerrrrrrrrr 6 ай бұрын
Дай бог тебе здоровья ! Всё получилось
@Adelina_88
@Adelina_88 Жыл бұрын
Адаптивный слайдер!!!!!😍😍😍😍😍😍автор, это лучший слайдер который есть на ютубе!!!! спасибооооооооооооо
@user-jn2yg3ow7n
@user-jn2yg3ow7n 11 ай бұрын
Огромное вам спасибо!!!!!!!!!!! Два дня сижу.... и ваше видео мне так помогло, только начинаю осваивать все это... Сложно конечно , но благодаря таким урокам все становится легче! Еще раз спасибо и Удачи вам!
@user-ig8yj6kt1v
@user-ig8yj6kt1v 8 ай бұрын
Я очень благодарен тебе за такой чудесный генератор кода. Я целый час пытался сделать всё как ты говорил, но особо не слушал и делал много ошибок, сейчас я так счастлив, что всё наконец-то получилось. СПАСИБО ТЕБЕ!!!ЛАЙК
@user-iy6sd2oe9v
@user-iy6sd2oe9v Жыл бұрын
Потрясающе! 👍👍👍👍👍
@Juliya_Iyulskaya
@Juliya_Iyulskaya Жыл бұрын
О, спасибо! Было очень полезно!
@Naskusha
@Naskusha 8 ай бұрын
Большое спасибо за супер полезное видео 😍
@i_am_end_ray
@i_am_end_ray Жыл бұрын
Просто нет слов, ты не педставляешь как спас мне жизнь! Спасибо за контент!
@i_am_end_ray
@i_am_end_ray Жыл бұрын
А можно ли как-то синхронизировать три и более слайдера, чтобы они зависали от первого? Например, на первом у меня обычное фото, на втором и других, заблюренные фото. Пример: - слайдер команды агентства, где постепенно фотография из одного слайдера «переходит» в другой и в конечном итоге показывается на первом
@elersonproject
@elersonproject 8 ай бұрын
Спасибо за код. Очень помогло!
@Photofoxchannel
@Photofoxchannel 9 ай бұрын
Отличная работа! Все работает
@raim9984
@raim9984 Жыл бұрын
Браво! Спасибо!
@user-mm5ql4ol1p
@user-mm5ql4ol1p Жыл бұрын
Спасибо Вам огромное! На днях начала изучать тильду. Столько видео было просмотрено и ничего не получилось - сделала по вашему видео и генератору и теперь все заработало! Спасибо за такую работу, желаю Вам удачи в развитии канала! :)
@voron-dev
@voron-dev Жыл бұрын
Спасибо за теплые слова:) И вам удачи в освоении Тильды!
@olli_rain
@olli_rain 7 ай бұрын
Пробовала реализовать другой слайдер, но этот в разы лучше (особенно, когда не мелкие карточки должны пролистываться, а прям что-то крупное на весь экран - у меня это группа элементов). Благодарю!
@designmax
@designmax Жыл бұрын
Это гениально🔥🔥🔥
@Juliya_dzh
@Juliya_dzh 3 ай бұрын
Спасибо тебе!❤
@user-im1js6kf6x
@user-im1js6kf6x 7 ай бұрын
имба!🔥 спасибо гигантское, а то никак заказ не могу доделать
@user-he8vx1qr7b
@user-he8vx1qr7b Жыл бұрын
Бл* крик души, просто лучший! Спасибо за четкий код и обьяснения!
@user-gs3kc5nh4r
@user-gs3kc5nh4r 8 ай бұрын
Спасибо огромное добрый Человек! Очень пригодилось. Так как делать пошаговую анимацию для шести! элементов в зеро это была бы боль.
@annasbigminiworld
@annasbigminiworld 6 ай бұрын
нашла золото, спасибо!!
@irapav
@irapav Жыл бұрын
Спасибо!
@dikiy_ds
@dikiy_ds Жыл бұрын
Брат лучший!
@smd3104
@smd3104 7 ай бұрын
спасибо
@startmaks
@startmaks Жыл бұрын
Большое спасибо за крутой слайдер!!! Подскажи, пожалуйста, где можно изменить цвет для кнопок навигации активной и не активной. Заранее спасибо!
@lvulup9939
@lvulup9939 Жыл бұрын
МЕГАСУПЕРДУПЕРХАРОШ!
@iarmiksafaryan1200
@iarmiksafaryan1200 2 ай бұрын
Классный туториал 👍 Очень доступно объяснено. А как сделать, чтобы фиксированное меню категорий товаров прокручивалось по горизонтали автоматически, когда на странице доходишь до нужного пункта якорной ссылки? Т.е. вверху страницы при прокрутке фиксируется меню, и когда опускаешься ниже по странице, где расположены блоки категорий товаров, дойдя до нужной категории нужный пункт в фиксированном меню становится активным и его видно на экране. У меня проблема именно с его видимостью. Если пунктов много, они не помещаются в одну полоску на экране мобильной версии и их попросту не видно. Как сделать чтобы это меню прокручивалось само к активному в данный момент пункту? Какой класс или функция за это отвечает?
@user-sl4xs5sd5y
@user-sl4xs5sd5y 10 ай бұрын
Спасибо большое за видео и генерацию кода! Это лучшее, что я нашла! У меня есть вопрос. Можно ли сделать разное кол-во показов карточек для разных разрешений экранов? Например, 3 карточки на десктопной версии, 2 карточки на планшете, 1 карточка на смартфоне?
@voron-dev
@voron-dev 10 ай бұрын
Можно: 1) Сгенерируйте код под 3 карточки 2) Добавьте после fade: false, (или fade: true,) код: responsive: [ { breakpoint: 1200, settings: { slidesToShow: 2 } }, { breakpoint: 640, settings: { slidesToShow: 1 } } ], Где breakpoint это будет порог разрешения, ДО которого у вас будет показываться одна\две карточка вместо трёх указанных при генерации кода
@user-sl4xs5sd5y
@user-sl4xs5sd5y 10 ай бұрын
@@voron-dev Супер! Вы еще и отвечаете оперативно! Это бесценно! Спасибо большое, все получилось! Единственное, не знаю, почему, но на десктопной версии последний слайд становится первым. На мобильной версии такого нет. Кстати, может, ребятам тоже будет полезно. Я указывала размеры экранов не 640, 480, 320, а: - для мобильной версии указывала - 479 - для мобильной горизонтальной - 639 - для планшета вертикально - 959 Тогда адаптив получается тот, что мне нужен, при разных разрешениях экранов.
@voron-dev
@voron-dev 10 ай бұрын
Такое может быть если у вас включено одновременно "выравнивание по центральному", "сделать слайдер бесконечным", и слайдов к показу несколько указано. Т.е. по факту "выравнивание" ставит первый слайд в середину, а "бесконечность", делает дубль последнего слайда, чтобы его поставить как бы до первого и заполнить пустоту. Можете просто отключить выравнивание по центральному и все станет норм тогда
@sophisticateddd
@sophisticateddd Жыл бұрын
Спасибо за крутой генератор! подскажите, есть ли возможность увеличения центрального слайда, чтобы при прокрутке он выделялся на фоне боковых, а потом возвращался в исходный размер?
@voron-dev
@voron-dev Жыл бұрын
Да такая возможность есть, и она даже уже у меня написана, но пока в процессе разработки и отладки, в ближайшее время выпущу
@tatstroy6737
@tatstroy6737 Жыл бұрын
Лайк, подписка однозначно! Подскажите как сделать прозрачный фон у блоков? Чтобы например листался текст на прозрачном фоне
@voron-dev
@voron-dev Жыл бұрын
Если имеется в виду прозрачный фон у слайдов, то это будет добавлено в ближайшем обновлении. Пока что можно просто добавить на страничку блок т123 с этим кодом, где вместо rec12345678 нужно указать recid зеро блока с слайдером, где должны быть прозрачные слайды #rec12345678 .slick-slide .t396__artboard { background-color: transparent !important; }
@user-fe8nh8pz8c
@user-fe8nh8pz8c Жыл бұрын
Очень крутое видео. Столько всего пересмотрела, все не то. Спасибо за труд) Скажи пожалуйста, нужно ли вносить какие то правки в код для адаптации под другие устройства? Пытаюсь открыть сайт с телефона, когда дохожу до блока со слайдером выдает ошибку, и сайт пропадает.(
@voron-dev
@voron-dev Жыл бұрын
Нет, все для мобильных уже адаптировано. Предположу что телефон - айфон и браузер - какая-то из версий сафари. Дело именно в сафари ибо у меня на чистой переустановленной Mac OS Monterey какое-то время пока не вышло обновление не открывался вообще яндекс и mail.ru. Можете в тг скинуть ссылку на сайт конечно, гляну, может в совокупности с чем-то еще ошибка выпадает
@sonikzasonik593
@sonikzasonik593 11 ай бұрын
Огромное спасибо! Ваши модификации просто кладезь. Можно ли как-то добавить, чтобы при клике на один из нижних снлайдеров во втором примере на большом слайдер (верхнем) открывалась эта картинка? Как в обычных интернет-магазинах. Буду очень благодарна за решение!
@voron-dev
@voron-dev 11 ай бұрын
Да можно, отпишите в тг, я подскажу куда добавить код
@davem1048
@davem1048 Жыл бұрын
как сделать так, чтобы бекграунд колор отдельного зеро транслировался на всю ширину страницы? (у меня ширина задана 100%, а высока 500пх, но скроллит с белыми отступами по бокам) спасибо!
@irinasergeeva3089
@irinasergeeva3089 Жыл бұрын
Огромное спасибо за удобнейший способ создания слайдеров! Все получается кроме создания своих точек навигации, запишите пожалуйста видео по ним. Вроде бы все делаю как вы сказали ( у вас в видео очень кратко), но не получается.
@voron-dev
@voron-dev Жыл бұрын
Можете в личку в тг отписать, подскажу
@smd3104
@smd3104 7 ай бұрын
лайк подписка
@viktor0602
@viktor0602 Жыл бұрын
Привет, а возможно ли сделать слайдер в слайдере? Допустим из второго примера вставить в первый и при перелистывании в блоке будут отображаться слайдер с картинами, который тоже можно пролистать.
@voron-dev
@voron-dev Жыл бұрын
Чисто технически да, но там нужно отключать свайп в слайдере, в котором будут слайдеры, и будет происходить конфликт css-стилей, потому что в одном зероблоке получится несколько tn-atom. Но то что вы хотите реализовать скорее всего можно сделать при помощи слайдеров в табах\вкладках. Вот ссылка на видео про них kzfaq.info/get/bejne/atmehMupyNWzdJ8.html я там специальный пункт для совместимости с слайдером добавил
@startmaks
@startmaks Жыл бұрын
В коде, который устанавливается в тильде под зероблоками, если бы были rec-и, чтоб можно было их видеть, добавить новый, изменить прям в тильде - было бы вообще бесценно, а так получается внеся в код изменения типа размер кнопок, или убрать залипание (паузу) при наведеной мышке, потом если понадобиться добавить или изменить количество слайдов (зероблоков) придется заново разбираться, в закладки добавил сайт ваш, но тем не менее... ну и конечно, слайдер с видео был бы интересен, не поскупился бы! а так даже не знаю заведется ли..
@voron-dev
@voron-dev Жыл бұрын
Добавил сейчас сохранение настроек на сайте на этот случай. Ну а если нужно прямо на постоянку за каждым сгенерированным кодом настройки закрепить, то тут только расширение с такой задачей справится - kzfaq.info/get/bejne/h7Zngq2JntPUpKM.html
@kqndesign
@kqndesign 11 ай бұрын
спасибо за видео) а можно ли сделать слайдер из одного стандартного блока? я туда подтягиваю товары из Каталога с разделом "Новинки" и не хотелось делать для этого зеро блок, а по твоей текущей модификации как будто только 2 разных стандартных блока можно слайдерить
@voron-dev
@voron-dev 11 ай бұрын
Вы имеете в виду блок с карточками товара - каталог? Если да, то можно, можете мне в личку в тг отписать - подскажу
@dkfordesign
@dkfordesign Жыл бұрын
Крутой код, спасибо большое, единственный вопрос: как в варианте, где у вас разноцветные карточки сделать так, чтобы на десктопе отображалось 2 карточки, а на мобилке одна?
@voron-dev
@voron-dev Жыл бұрын
1) Сгенерируйте код под 2 карточки 2) Добавьте после fade: false, (или fade: true,) код: responsive: [ { breakpoint: 960, settings: { slidesToShow: 1 } } ], Где 960 это будет порог разрешения, ДО которого у вас будет показываться одна карточка вместо двух указанных при генерации кода
@dkfordesign
@dkfordesign Жыл бұрын
@@voron-dev Спасибо большое)
@stonedmyass
@stonedmyass Жыл бұрын
Здравствуйте! Я совсем начинающий дизайнер. Такой вопрос, возможно ли как-то без кода и модификаций сделать шапку сайта с корзиной и вишлистом? Я знаю, что это можно сделать через готовые блоки меню гамбургеры в тильде Мне хочется сделать так, чтобы в шапке сначала шел логотип, потом категории типа о нас, каталог, контакты И потом кнопки вишлиста, корзины Без всяких гамбургеров и всплывающих меню Через зероблок это только с кодами или модификациями от нолим возможно? Сломала всю голову.. И еще вопрос(наверное очень глупый) Кодинг для тильда отличается чем-то от стандартного кодинга В том плане, если я не хочу прям углубляться в программирование и кодинг Но хотела бы как дизайнер научиться кодить именно в рамках тильда Такое возможно вообще? Или если уж хочу коды учить, то начинать погружаться с головой?
@ApploDi
@ApploDi Жыл бұрын
Всё это можно в стандартном блоке сделать, только для корзины нужно будет привязку сделать. Без кодинга никак. Я думаю нужно код корзины скопировать, потом через html блок привязать к кнопке "корзина". Чисто в теории должно работать
@annevil2721
@annevil2721 Жыл бұрын
@@ApploDi я сделала проще: зафиксила шапку сверху, изменила стили корзины, иконки и также зафиксила все на топе, подобрав отступы) Все прекрасно работает
@stanleyfloyd711
@stanleyfloyd711 10 ай бұрын
Привет, хотелось бы сказать спасибо огромное слайдер работает шикарно. Но у меня возникла проблема, после того как я решил адаптировать слайды для телефона, и поменять некоторые из них(замена зеро блока вместе со слайдом внутри него), у меня перестал слайдер откликаться на стрелки, и вообще как либо прокручиваться, в генераторе кода айди указал правильное, по инструкции всё соблюдал. Помогите пожалуйста решить 😢
@user-lm9nt1os8e
@user-lm9nt1os8e Жыл бұрын
Один вопросик, есть ли возможность сохранить фон блока в котором будет слайдер, а сами слайди будут карточками, у них же фон должен быть прозрачным, такое можно реализовать?
@voron-dev
@voron-dev Жыл бұрын
Так, продублирую сюда тоже. Если у кого-то будет такой же вопрос, то да так можно, только проверьте чтобы у вас и в самом зеро, где располагается сам код слайдера был прозрачный фон, если вы делаете фон картинкой
@classic_
@classic_ 9 ай бұрын
Привет, спасибо за слайдер, очень кайфовое решение. Я столкнулся с проблемой, хочу вставить в слайдер 3 галереи GL26, в первой галереи фотографии переключаются, а в последующих двух, фотографии не переключаются (на клики по стрелками и миниатюрам никакой реакции), в чем может быть проблема?
@voron-dev
@voron-dev 9 ай бұрын
Привет, стандартные галереи несовместимы с кастомными слайдерами, но можно кастомный слайдер вставить внутрь кастомного слайдера (только не забудь отключить свайп у слайдера, что будет листать внутри себя слайдеры)
@Mr-Choops
@Mr-Choops Жыл бұрын
Привет! Подскажите как сделать слайдер фото, но чтобы фото менялись не при помощи клика а при помощи прокрутки, фото меняется одно на другое как в одну сторону так и в другую
@voron-dev
@voron-dev Жыл бұрын
Возможно вы имеете в виду "боковой скролл колесиком мыши". Это отдельная модификация и логика работы там строится иначе чем в слайдере. Если в слайдере сделать перелистывание на скролл, то он не позволит пользователю прокрутить страницу вниз, так как весь скролл будет листать этот слайдер. Но эту модификацию я тоже планирую выпустить, правда сейчас доделываю другую, которая скоро уже должна появиться
@user-gl7en8ol2l
@user-gl7en8ol2l Жыл бұрын
Привет, а можно зациклить перелистывание слайдов? Чтобы слайды как бы не заканчивались.
@voron-dev
@voron-dev Жыл бұрын
Да, это сделано по умолчанию
@user-pi8iq7ux5v
@user-pi8iq7ux5v 8 ай бұрын
Подскажите пожалуйста а где взять ссылку на иконку активной и неактивной навигации и вставить в генератор, не пойму этот момент
@voron-dev
@voron-dev 8 ай бұрын
Просто загрузите картинку в любой блок с картинками на Тильде (чтобы исходник сразу был нужных размеров для точки навигации), скопируйте на эту картинку ссылку и вставьте в генератор
@user-nu7vj9xb2g
@user-nu7vj9xb2g Жыл бұрын
Здравствуйте, а подскажите пожалуйста, я всё сделала так, как по видео… а у меня ни как не получается… есть возможность подсказать мне, что не так сделала?🙏🏻
@voron-dev
@voron-dev Жыл бұрын
Да конечно, можете написать в telegram (ссылки в профиле и на сайте). Ещё можете сразу проверить правильно ли у вас указаны recid блоков. Они должны быть не точь в точь как на видео, а без кавычек и через запятую (я это позднее добавил для простоты использования, чтобы не нужно было мучаться и вручную прописывать каждый раз)
@user-ij3sk9bx3b
@user-ij3sk9bx3b Жыл бұрын
Здравствуйте? А можно как то сделать слайдер внутри вкладок?
@voron-dev
@voron-dev Жыл бұрын
Да можно, порядок действий такой: 1) Делаешь табы по инструкции с включенными пунктами "режим повышенной совместимости" и "включи этот пункт, если..." 2) Делаешь слайдеры по инструкции с включенной совместимостью с autoscale 3) Ставишь код табов после кода последнего слайдера
@leraeklernaya5993
@leraeklernaya5993 8 ай бұрын
Подскажите, пожалуйста, почему кнопки могут не работать в мобильной версии? В десктопе всё ок, вроде всё по инструкции делаю
@voron-dev
@voron-dev 8 ай бұрын
Кнопки в мобильной версии могут не работать если например поставлено в генераторе ограничение по разрешению экрана. Можете скинуть ссылку на страничку в телеграмме, гляну прямо код вашей странички и помогу
@user-zv8yj7iw7r
@user-zv8yj7iw7r Жыл бұрын
Спасибо огромное за слайдер! НО... у меня возникла проблема, на одном из сайтов сделал все по инструкции, все работает, на другом сделал один в один, но при добавлении картинки в фон зеро блока, при опубликовании вместо картинки белый экран, картинки пробывал ставить те которые уже работают, в чем может быть проблема? в поддерже тильды ничего внятного
@voron-dev
@voron-dev Жыл бұрын
Недавно в слайдер были добавлены изменения. Раньше в слайдах дублировался фон зеро, в котором был html код слайдера. Теперь эта проблема исправлена и слайды по умолчанию прозрачные. Если нужно добавить фон, то теперь можете это сделать просто через шейп
@ARM0RER
@ARM0RER 9 ай бұрын
Спасибо за слайдер! Работает, листает, но хотел спросить, как отключить функцию на десктопе при наведении мышкой на слайдер - замирает и ждет пока я не перенесу мышку куда-то в сторону. Это как-то можно отключить?
@voron-dev
@voron-dev 9 ай бұрын
Да можно, после: fade: true, или fade: false, Добавьте: pauseOnFocus: false, pauseOnHover: false,
@ARM0RER
@ARM0RER 9 ай бұрын
@@voron-dev спасибо, все работает :)
@swave2720
@swave2720 Жыл бұрын
Как добавить кнопку в тильде "Сохранить и опубликовать?"
@frost0294
@frost0294 5 ай бұрын
Сделал все круто но вот проблема возникла, у меня свайп на мобильных планшетных и ноутбочных версиях не работает (изменено) Все понял в чем проблема была, слишком много игрался с overflow visible у других блоков там шейп с другого блока которому я opacity 0 ставил наехал на этот слайдер и не давал свайпать
@dieinno1341
@dieinno1341 Жыл бұрын
мегахорош! как поменять размер иконки точки навигации?
@voron-dev
@voron-dev Жыл бұрын
Либо свои загрузить, вставив ссылками в генератор, либо вот этим кодом: .slick-dots li button::before { font-size: 10px !important; } Тут вместо 10-ки поставь нужное тебе значение и этот код добавь после первого в коде слайдера. Если точки увеличить нужно только у одного слайдера, то прямо перед .slick-dots... в этом коде добавь recid зерошника с нужным слайдером, чтобы было вот примерно так #rec12345678 .slick-dots li ...
@voron-dev
@voron-dev 10 ай бұрын
@@thergothon8462 Либо загрузить свои через ссылки "на свои точки пагинации", либо поменять цвет стандартных через код: .slick-dots li button::before { color: #ffffff !important; } Код надо вставить в отдельный т123 и вместо #ffffff свой цвет соответственно
@ms_shki
@ms_shki Жыл бұрын
Спасибо огромное за скрипт! А как убрать залипание автоплея при наведении мыши? Очень надо!
@voron-dev
@voron-dev Жыл бұрын
После autoplay: true, Добавьте следующими строками pauseOnFocus: false, pauseOnHover: false,
@ms_shki
@ms_shki Жыл бұрын
@@voron-dev Спасибо большое! А возможно сделать смену слайдов не перелистыванием, а растворением?
@voron-dev
@voron-dev Жыл бұрын
Fade-эффект если в настройках в генераторе выберете. Только такое растворение
@ms_shki
@ms_shki Жыл бұрын
@@voron-dev спасибо! То что нужно! :)
@elva4you813
@elva4you813 Жыл бұрын
Добрый день. У меня три слайдера. На нем текст и фото. на последнем слайдере фото очень долго грузится. даже если меняю блоки местами, проблема только на последнем
@voron-dev
@voron-dev Жыл бұрын
Можете в код последнего слайдера ВМЕСТО предпоследней строки (где 500) поставить этот код $('.slider').on('afterChange', function(event, slick, currentSlide, nextSlide){ t_lazyload_update() }); }, 500)})
@user-bw4fv7bi7h
@user-bw4fv7bi7h Жыл бұрын
Здравствуйте. Столкнулся с проблемой: когда ввожу на вашем сайте в поля настроек данные блоков (rec номера), первоначальный код, который открывается вместе со страницей, не меняется.
@voron-dev
@voron-dev Жыл бұрын
Здравствуйте. Код меняется, просто в блоке предпросмотра это может быть не так заметно. Изменения происходят в первой строчке после если вправо прокрутить. Но если у вас он точно не меняется, что даже зероблоки в слайдер не подтягиваются, то можете мне в тг отписать - помогу
@user-bw4fv7bi7h
@user-bw4fv7bi7h Жыл бұрын
@@voron-dev да, в тильду тоже без изменений копируется
@voron-dev
@voron-dev Жыл бұрын
Отпишите в тг какой у вас браузер и есть ли блокировщики реклами, разберемся в любом случае. Вы первый кто столкнулся с такой проблемой, скорее всего у вас какие-то нестандартные настройки
@dinnerchief
@dinnerchief Жыл бұрын
Возможна ли синхронизация 3 и более слайдеров?
@voron-dev
@voron-dev Жыл бұрын
Нет, один слайдер можно синхронизировать только с одним другим слайдером. Причём последовательная синхронизация тоже невозможна - 1 с 2, а 2 с 3, первый не будет листать 2. Но в большинстве случаев задача решается двумя синхронизированными слайдерами, поэтому возможно то чего вы хотите добиться решается проще, чем 3мя синхронизированными слайдерами
@user-lk8er7ft6n
@user-lk8er7ft6n 9 ай бұрын
Есть проблема. Слайдер на 3 слайда. При пролистывании после 3, 1 выезжает снизу и дальше слайдер не работает. Как исправить глюк? Как сделать, чтобы в ряд отображалось несколько карточек? На десктопах 4, на планшетах по 2, на мобильных 1
@voron-dev
@voron-dev 9 ай бұрын
Отпишите с телеграмм со ссылкой на страничку, помогу
@user-kq6tn6xj3j
@user-kq6tn6xj3j 7 ай бұрын
В мобильной версии почему-то текстовые элементы на втором и третьем слайде то появляются, то исчезают. С чем может быть проблема?
@voron-dev
@voron-dev 7 ай бұрын
Добрый день, можете мне скинуть в телеграмм ссылку на страничку, гляну, скажу что не так
@dinnerchief
@dinnerchief Жыл бұрын
Я следую по всем инструкциям по второму примеру, но почему-то, в большом слайдере есть клонированные блоки, а в нижнем нет, поэтому при прокрутке, все объекты нижнего слайдера уходят за край HTML-елемента и возвращаются на места во втором слайде. Что я хочу сказать - эффект бесконечной прокрутки в нижнем слайдере не работает. Слайдов 3 штуки Я понял в чем проблема. Проблема в том что у меня всего три слайда, и на нижний слайдер я ставлю все три элемента
@voron-dev
@voron-dev Жыл бұрын
Да, при количестве слайдов равном количеству показываемых слайдов слайдеру становится "как бы нечего прокручивать" и поэтому он просто становится статичным. Это специально было заложено в функционал, потому что кодом можно динамически добавлять слайды в слайдер по кнопкам, но я это пока не добавил в генератор
@dinnerchief
@dinnerchief Жыл бұрын
@@voron-dev Спасибо за ответ! Клиент уже сказал что он будут ставить больше 3 слайдов!
@user-ky3mw7fi8c
@user-ky3mw7fi8c Ай бұрын
Слайдер багуется при изменении размера окна, все слайды перемешиваются в окне (( как поправить. Попробовала у вас сайте тоже самое происходит с образцами
@voron-dev
@voron-dev Ай бұрын
Отпишите в лс телеграмм
@FreakinMaroon
@FreakinMaroon 7 ай бұрын
Привет. После цикла прокрутки, когда снова появляется 1 слайд, он исчезает на долю секунды и появляется снова. Как решить?
@voron-dev
@voron-dev 7 ай бұрын
Привет, можешь мне скинуть в тг ссылку на страничку с проблемой? Посмотрю код, помогу
@ivannefedov
@ivannefedov 8 ай бұрын
Не получается сделать по данной инструкции 😞. Просто белый экран и нет точек пролистывания снизу. Может ссылки на сам скрипт и точки изменился? Может я криворукий, что скорее всего, но вроде инструкция не сложная, повторял все точь-в-точь без самодеятельности.
@voron-dev
@voron-dev 8 ай бұрын
Можете скинуть ссылку на страничку мне в телеграмм, гляну и подскажу что не так. Может на странице какой другой код есть, который может слайдеру помешать корректно отобразиться
@ivannefedov
@ivannefedov 8 ай бұрын
Списались, все получилось! Спасибо большое! Ваш проект - лучший!@@voron-dev
@user-ls6jv1uq2c
@user-ls6jv1uq2c 10 ай бұрын
Здравствуйте. Вы же не выставляли Autoscale, только виндовс контейнер для элементов.
@voron-dev
@voron-dev 10 ай бұрын
Здравствуйте, да, autoscale только для зеро в котором html-элемент слайдера (в противном случае блоки заскейлятся дважды)
@user-ls6jv1uq2c
@user-ls6jv1uq2c 10 ай бұрын
@@voron-dev тогда еще вопрос, возможно ли ине использовать эту модификацию на своем сайте, если он весь у меня автоскейле?
@voron-dev
@voron-dev 10 ай бұрын
Да, просто не включайте автоскейл в блоках, которые должны быть слайдами и включите его только в блоке с html-элементом слайдера и тогда слайдер будет полностью весь заавтоскейлен как надо
@anastasiakovtun8116
@anastasiakovtun8116 Жыл бұрын
помогите, пожалуйста. Сделала все по гайду, но у меня на самих карточках должны быть кнопки с почасовой анимацией. А в слайдер получается так, что анимация не работает. Как это можно исправить?
@voron-dev
@voron-dev Жыл бұрын
Скиньте мне в тг ссылку на вашу страничку, скажу что не так и помогу
@anastasiakovtun8116
@anastasiakovtun8116 Жыл бұрын
@@voron-dev можете дать адрес вашего тг?
@voron-dev
@voron-dev Жыл бұрын
@@anastasiakovtun8116 На сайте висит, на ютубе в "подробнее", но продублирую ещё тут тогда t.me/voron_team_s
@southwoodd
@southwoodd 6 ай бұрын
Спасибо тебе огромное, но последний слайдер со страницы модификации не работает. Я все опробовал, ничего не выходит. И еще вот эта фраза непонятна "- Всегда делай общее количество слайдов больше чем "количество слайдов к показу" иначе слайдеру будет нечего прокручивать"
@voron-dev
@voron-dev 6 ай бұрын
Привет, можешь мне отписать в личку в телеграмм, помогу
@user-zk8zf8qk9q
@user-zk8zf8qk9q 5 ай бұрын
Может, кто-нибудь знает, почему не получается уменьшить боковые блоки?
@voron-dev
@voron-dev 5 ай бұрын
Возможно у вас не включен режим "выравнивание по центральному". Можете в телеграмм в личку скинуть ссылку на страничку - подскажу
@jakiechan9992
@jakiechan9992 Жыл бұрын
привет, друг, не знаю сталкивался ли еще кто то с подобной проблемой, (слайдер работает отлично) но тильдовская анимация по скроллу, ховеру, вообще любая, кроме basic отказываются работать
@voron-dev
@voron-dev Жыл бұрын
Попробуй включить совместимость с autoscale, если не поможет, можешь мне в тг скинуть ссылку - помогу
@mattagonna
@mattagonna Жыл бұрын
@@voron-dev ​ у меня тоже страница с этим слайдером на днях работала без проблем, но теперь умерла вся анимация на странице. Выключаю код слайдера - анимация начинает работает.
@s_nasta
@s_nasta Жыл бұрын
такая же ситуация. Слайдер как начал работать, анимация умерла, но показывает, что не удалена
@voron-dev
@voron-dev Жыл бұрын
@@mattagonna Включите совместимость с автоскейлом. В первом случае она помогла. Сейчас её по умолчанию включенной сделаю. Это Тильда свой код редачит
@voron-dev
@voron-dev Жыл бұрын
@@s_nasta Включите совместимость с автоскейлом
@user-zu5th9ti2p
@user-zu5th9ti2p Жыл бұрын
Здравствуйте сделал все в точности не работает что делать?
@voron-dev
@voron-dev Жыл бұрын
Здравствуйте. Совсем в точности не нужно. С момента выхода этого видео я обновил генератор, чтобы не нужно было брать каждый recid в кавычки. Они должны быть написаны в генераторе вот так: #rec11111111, #rec22222222 А не вот так "#rec11111111", "#rec22222222" Если были написаны правильно, то можете мне в телеграмм отправить ссылку на вашу страничку где не работает, я вам помогу
@bizin5158
@bizin5158 10 ай бұрын
последний слайд вываливается(((
@voron-dev
@voron-dev 10 ай бұрын
Проверьте правильность указания recid. Они должны быть указаны через запятую и пробел и после последнего не должно быть никаких пробелов. Чтобы все было как полупрозрачным указано в генераторе. Если все точно указано правильно, то можете мне в телеграмм в личку ссылку скинуть - подскажу что не так
@fonarrr30
@fonarrr30 Жыл бұрын
Третий раз собираю по инструкции, не работает(
@voron-dev
@voron-dev Жыл бұрын
Проверьте, что пишите recid не в кавычках, а просто через запятую. Если все правильно, то можете мне в тг отписать с ссылкой, подскажу что не так
@samuridersteam2163
@samuridersteam2163 6 ай бұрын
Я проебался с этим кодом и этим зероблоком 2,5 часа и ничего не заработало, даже близко Спасибо за убитое время
@voron-dev
@voron-dev 6 ай бұрын
Можете просто сразу в поддержку отписать. Сейчас загрузка большая поэтому вынужден иногда отвечать только по графику который в био в тг
@Iazovskii
@Iazovskii Жыл бұрын
Делаю все пошагово, слайдер почему-то не работает
@voron-dev
@voron-dev Жыл бұрын
Отправьте ссылку в тг на страницу. Возможно у вас есть на страничке модификации от нолим, которые немного неправильно сделаны и загружают на страницу jquery второй раз подряд и это ломает логику
@33domin
@33domin Жыл бұрын
Подскажите пожалуйста, что делать в таком случаии ? В шапке есть модификации от налима и одна из них (не могу определить какая) не даёт нормально отображать слайдер. При прогоне слайдов по кругу, возникает мигание первого слайда в цикле.
@voron-dev
@voron-dev Жыл бұрын
Отправьте в тг ссылку, посмотрю в чем проблема
@Esc551
@Esc551 29 күн бұрын
Всё уже?) Не работает?)
@voron-dev
@voron-dev 29 күн бұрын
Интересный вопрос... В моей библиотеке нет ни одного мода, в отношении которого можно применить "все уже". Вы хотя бы на сайт чтоль зашли и полистали примеры под генератором. Только что их проверил с чистой системы и чистого браузера и работают исправно. Если есть проблемы с установкой слайдера, то всегда можно отписать мне в тг бота со ссылкой на страничку с проблемой
@panoroom6516
@panoroom6516 Жыл бұрын
Здравствуйте! Спасибо большое за слайдер! Подскажите пожалуйста, никак не могу реализовать табы, которые-бы в свою очередь разворачивались и сворачивались по кнопке. Пробовал скрывать через css свойства: display:none; Разворачивать: $('#rec601158381').slideToggle(500); t_lazyload_update(); полностью через скрипт с проверкой видимости блоков: $('.uc-text1').hide(); $('[href = "#Unwrap1"]').click(function() if($('.uc-text1').is(':visible')) $('.uc-text1').fadeOut('slow'); else $('.uc-text1').fadeIn('slow'); -Все четно, в слайдере не получается скрыть и потом развернуть-свернуть по кнопке первый активный таб, в стандартном тильдовском "ME603" наоборот не получается сделать видимым дефолтный таб после разворачивания блока... помогите пожалуйста, я уже на гране отчаяния, все варианты перепробовал на сколько мне мозга хватает, ничего не работает... Хотя-бы в какую сторону капать... был-бы Вам безмерно признателен!
Final increíble 😱
00:39
Juan De Dios Pantoja 2
Рет қаралды 27 МЛН
КАК СПРЯТАТЬ КОНФЕТЫ
00:59
123 GO! Shorts Russian
Рет қаралды 3,2 МЛН
100❤️
00:20
Nonomen ノノメン
Рет қаралды 52 МЛН
Распаковка и запуск Elphapex DG1+ 14.4 gh
4:34
Валентин Геращенко
Рет қаралды 56
5 ОШИБОК ВЕБ-ДИЗАЙНЕРА ДО ВЕРСТКИ НА TILDA
13:58
Figma Tutorial in 13 minutes for web designers and web developers
13:33
Анна Блок
Рет қаралды 308 М.
Слайдер в zero block Тильда.
12:30
ProTilda обзор он-лайн сервиса Тильда.
Рет қаралды 17 М.
Final increíble 😱
00:39
Juan De Dios Pantoja 2
Рет қаралды 27 МЛН