Тёмный

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

Voron-dev
Подписаться 1,5 тыс.
Просмотров 29 тыс.
50% 1

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

Опубликовано:

 

10 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 164   
@voron-dev
@voron-dev Год назад
*ВНИМАНИЕ!* Перед тем как приступить к созданию слайдера обязательно проверь инструкцию на страничке с самим генератором и если у тебя что-то не получится то посмотри обновленное видео вот тут: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-n53ak2OEm54.html Я достаточно часто добавляю новые фичи на основе голосования\фидбека который получаю и поэтому некоторые шаги для создания слайдера могут меняться с течением времени. Поэтому обязательно сверься с инструкцией на страничке если что-то не работает. И не забудь также обратить внимание на пункт "важно" в инструкции, там информация по исключениям для некоторых настроек
@user-ri4ku5dh9o
@user-ri4ku5dh9o 8 месяцев назад
Как же я вам благодарна!!! Мучилась со слайдером долго, искало именно такое решение, как в видео. Нигде не могла найти подобное, а тут бесплатно и еще так быстро и просто. Всех благ)
@user-to2ur5kd2k
@user-to2ur5kd2k Год назад
Круто. универсальный слайдер. очень классно, что все редактируется зеро блоком. 👍👍👍 Спасибо большое за труд. Буду пробовать
@mattagonna
@mattagonna Год назад
Дядь, это лучший слайдер 🤌 Множество работающих настроек, удобство, подача и инструкции. Уважение и почёт ☝
@ford160484
@ford160484 Год назад
Огромное спасибо за труд! Просто БРАВО!
@grigory6058
@grigory6058 Год назад
Лучшее решение для слайдера на тильде, которое можно найти. Спасибо!
@user-lm9nt1os8e
@user-lm9nt1os8e Год назад
касаемо слайдеров - это лучшее что я видел) очень круто, продолжай в том же духе!
@lenagannochka8993
@lenagannochka8993 9 месяцев назад
Спасибо большое!!! Если бы не Ваше видео, я бы сошла с ума, уже столько перепробовала! Спасибо!
@leraovcharova313
@leraovcharova313 10 месяцев назад
Огромное спасибо, Константин! Это самый лучший слайдер в мире!!
@user-jn2yg3ow7n
@user-jn2yg3ow7n 11 месяцев назад
Огромное вам спасибо!!!!!!!!!!! Два дня сижу.... и ваше видео мне так помогло, только начинаю осваивать все это... Сложно конечно , но благодаря таким урокам все становится легче! Еще раз спасибо и Удачи вам!
@Ivan-yd2hy
@Ivan-yd2hy Год назад
Дружище, ты просто лучший, спасибо огромное!
@leraeklernaya5993
@leraeklernaya5993 11 месяцев назад
Спасибо! Рабочий код, всё максимально доходчиво объяснено ♥
@user-il9es1uh9c
@user-il9es1uh9c Год назад
Прекрасное решение и отличный инструмент! Спасибо!
@user-ig8yj6kt1v
@user-ig8yj6kt1v 8 месяцев назад
Я очень благодарен тебе за такой чудесный генератор кода. Я целый час пытался сделать всё как ты говорил, но особо не слушал и делал много ошибок, сейчас я так счастлив, что всё наконец-то получилось. СПАСИБО ТЕБЕ!!!ЛАЙК
@i_am_end_ray
@i_am_end_ray Год назад
Просто нет слов, ты не педставляешь как спас мне жизнь! Спасибо за контент!
@i_am_end_ray
@i_am_end_ray Год назад
А можно ли как-то синхронизировать три и более слайдера, чтобы они зависали от первого? Например, на первом у меня обычное фото, на втором и других, заблюренные фото. Пример: - слайдер команды агентства, где постепенно фотография из одного слайдера «переходит» в другой и в конечном итоге показывается на первом
@veselov7584
@veselov7584 Год назад
Друг, благодарю тебя за твою работу!
@Adelina_88
@Adelina_88 Год назад
Адаптивный слайдер!!!!!😍😍😍😍😍😍автор, это лучший слайдер который есть на ютубе!!!! спасибооооооооооооо
@user-mm5ql4ol1p
@user-mm5ql4ol1p Год назад
Спасибо Вам огромное! На днях начала изучать тильду. Столько видео было просмотрено и ничего не получилось - сделала по вашему видео и генератору и теперь все заработало! Спасибо за такую работу, желаю Вам удачи в развитии канала! :)
@voron-dev
@voron-dev Год назад
Спасибо за теплые слова:) И вам удачи в освоении Тильды!
@user-vz3ix5fv5d
@user-vz3ix5fv5d Год назад
Красота! Огромное спасибо за лайфхак!
@user-nn5jl8zd3z
@user-nn5jl8zd3z Год назад
Ну афигенно же! Спасибо за труд!
@VotkinskCity
@VotkinskCity Год назад
Огромное спасибо тебе Человечище!
@dariagerbu
@dariagerbu 5 месяцев назад
Спасибо! Вам уготовано отдельное место в раю!!!!
@DmitriiFokeev
@DmitriiFokeev 11 месяцев назад
Все работает) Отличный способ. Автору респект!
@alllllllilive
@alllllllilive 8 месяцев назад
Спасибо тебе, добрый человек 🙏
@krekerrrrrrrrr
@krekerrrrrrrrr 6 месяцев назад
Дай бог тебе здоровья ! Всё получилось
@Naskusha
@Naskusha 8 месяцев назад
Большое спасибо за супер полезное видео 😍
@user-iy6sd2oe9v
@user-iy6sd2oe9v Год назад
Потрясающе! 👍👍👍👍👍
@olli_rain
@olli_rain 7 месяцев назад
Пробовала реализовать другой слайдер, но этот в разы лучше (особенно, когда не мелкие карточки должны пролистываться, а прям что-то крупное на весь экран - у меня это группа элементов). Благодарю!
@Juliya_Iyulskaya
@Juliya_Iyulskaya Год назад
О, спасибо! Было очень полезно!
@Photofoxchannel
@Photofoxchannel 10 месяцев назад
Отличная работа! Все работает
@elersonproject
@elersonproject 8 месяцев назад
Спасибо за код. Очень помогло!
@raim9984
@raim9984 Год назад
Браво! Спасибо!
@user-im1js6kf6x
@user-im1js6kf6x 8 месяцев назад
имба!🔥 спасибо гигантское, а то никак заказ не могу доделать
@designmax
@designmax Год назад
Это гениально🔥🔥🔥
@Juliya_dzh
@Juliya_dzh 3 месяца назад
Спасибо тебе!❤
@user-he8vx1qr7b
@user-he8vx1qr7b Год назад
Бл* крик души, просто лучший! Спасибо за четкий код и обьяснения!
@annasbigminiworld
@annasbigminiworld 6 месяцев назад
нашла золото, спасибо!!
@user-gs3kc5nh4r
@user-gs3kc5nh4r 8 месяцев назад
Спасибо огромное добрый Человек! Очень пригодилось. Так как делать пошаговую анимацию для шести! элементов в зеро это была бы боль.
@dikiy_ds
@dikiy_ds Год назад
Брат лучший!
@irapav
@irapav Год назад
Спасибо!
@startmaks
@startmaks Год назад
Большое спасибо за крутой слайдер!!! Подскажи, пожалуйста, где можно изменить цвет для кнопок навигации активной и не активной. Заранее спасибо!
@lvulup9939
@lvulup9939 Год назад
МЕГАСУПЕРДУПЕРХАРОШ!
@iarmiksafaryan1200
@iarmiksafaryan1200 2 месяца назад
Классный туториал 👍 Очень доступно объяснено. А как сделать, чтобы фиксированное меню категорий товаров прокручивалось по горизонтали автоматически, когда на странице доходишь до нужного пункта якорной ссылки? Т.е. вверху страницы при прокрутке фиксируется меню, и когда опускаешься ниже по странице, где расположены блоки категорий товаров, дойдя до нужной категории нужный пункт в фиксированном меню становится активным и его видно на экране. У меня проблема именно с его видимостью. Если пунктов много, они не помещаются в одну полоску на экране мобильной версии и их попросту не видно. Как сделать чтобы это меню прокручивалось само к активному в данный момент пункту? Какой класс или функция за это отвечает?
@smd3104
@smd3104 7 месяцев назад
спасибо
@davem1048
@davem1048 Год назад
как сделать так, чтобы бекграунд колор отдельного зеро транслировался на всю ширину страницы? (у меня ширина задана 100%, а высока 500пх, но скроллит с белыми отступами по бокам) спасибо!
@tatstroy6737
@tatstroy6737 Год назад
Лайк, подписка однозначно! Подскажите как сделать прозрачный фон у блоков? Чтобы например листался текст на прозрачном фоне
@voron-dev
@voron-dev Год назад
Если имеется в виду прозрачный фон у слайдов, то это будет добавлено в ближайшем обновлении. Пока что можно просто добавить на страничку блок т123 с этим кодом, где вместо rec12345678 нужно указать recid зеро блока с слайдером, где должны быть прозрачные слайды #rec12345678 .slick-slide .t396__artboard { background-color: transparent !important; }
@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 Год назад
Да такая возможность есть, и она даже уже у меня написана, но пока в процессе разработки и отладки, в ближайшее время выпущу
@user-fe8nh8pz8c
@user-fe8nh8pz8c Год назад
Очень крутое видео. Столько всего пересмотрела, все не то. Спасибо за труд) Скажи пожалуйста, нужно ли вносить какие то правки в код для адаптации под другие устройства? Пытаюсь открыть сайт с телефона, когда дохожу до блока со слайдером выдает ошибку, и сайт пропадает.(
@voron-dev
@voron-dev Год назад
Нет, все для мобильных уже адаптировано. Предположу что телефон - айфон и браузер - какая-то из версий сафари. Дело именно в сафари ибо у меня на чистой переустановленной Mac OS Monterey какое-то время пока не вышло обновление не открывался вообще яндекс и mail.ru. Можете в тг скинуть ссылку на сайт конечно, гляну, может в совокупности с чем-то еще ошибка выпадает
@sonikzasonik593
@sonikzasonik593 Год назад
Огромное спасибо! Ваши модификации просто кладезь. Можно ли как-то добавить, чтобы при клике на один из нижних снлайдеров во втором примере на большом слайдер (верхнем) открывалась эта картинка? Как в обычных интернет-магазинах. Буду очень благодарна за решение!
@voron-dev
@voron-dev Год назад
Да можно, отпишите в тг, я подскажу куда добавить код
@kqndesign
@kqndesign 11 месяцев назад
спасибо за видео) а можно ли сделать слайдер из одного стандартного блока? я туда подтягиваю товары из Каталога с разделом "Новинки" и не хотелось делать для этого зеро блок, а по твоей текущей модификации как будто только 2 разных стандартных блока можно слайдерить
@voron-dev
@voron-dev 11 месяцев назад
Вы имеете в виду блок с карточками товара - каталог? Если да, то можно, можете мне в личку в тг отписать - подскажу
@stanleyfloyd711
@stanleyfloyd711 10 месяцев назад
Привет, хотелось бы сказать спасибо огромное слайдер работает шикарно. Но у меня возникла проблема, после того как я решил адаптировать слайды для телефона, и поменять некоторые из них(замена зеро блока вместе со слайдом внутри него), у меня перестал слайдер откликаться на стрелки, и вообще как либо прокручиваться, в генераторе кода айди указал правильное, по инструкции всё соблюдал. Помогите пожалуйста решить 😢
@viktor0602
@viktor0602 Год назад
Привет, а возможно ли сделать слайдер в слайдере? Допустим из второго примера вставить в первый и при перелистывании в блоке будут отображаться слайдер с картинами, который тоже можно пролистать.
@voron-dev
@voron-dev Год назад
Чисто технически да, но там нужно отключать свайп в слайдере, в котором будут слайдеры, и будет происходить конфликт css-стилей, потому что в одном зероблоке получится несколько tn-atom. Но то что вы хотите реализовать скорее всего можно сделать при помощи слайдеров в табах\вкладках. Вот ссылка на видео про них ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4snQhxcoODk.html я там специальный пункт для совместимости с слайдером добавил
@irinasergeeva3089
@irinasergeeva3089 Год назад
Огромное спасибо за удобнейший способ создания слайдеров! Все получается кроме создания своих точек навигации, запишите пожалуйста видео по ним. Вроде бы все делаю как вы сказали ( у вас в видео очень кратко), но не получается.
@voron-dev
@voron-dev Год назад
Можете в личку в тг отписать, подскажу
@smd3104
@smd3104 7 месяцев назад
лайк подписка
@user-lm9nt1os8e
@user-lm9nt1os8e Год назад
Один вопросик, есть ли возможность сохранить фон блока в котором будет слайдер, а сами слайди будут карточками, у них же фон должен быть прозрачным, такое можно реализовать?
@voron-dev
@voron-dev Год назад
Так, продублирую сюда тоже. Если у кого-то будет такой же вопрос, то да так можно, только проверьте чтобы у вас и в самом зеро, где располагается сам код слайдера был прозрачный фон, если вы делаете фон картинкой
@classic_
@classic_ 9 месяцев назад
Привет, спасибо за слайдер, очень кайфовое решение. Я столкнулся с проблемой, хочу вставить в слайдер 3 галереи GL26, в первой галереи фотографии переключаются, а в последующих двух, фотографии не переключаются (на клики по стрелками и миниатюрам никакой реакции), в чем может быть проблема?
@voron-dev
@voron-dev 9 месяцев назад
Привет, стандартные галереи несовместимы с кастомными слайдерами, но можно кастомный слайдер вставить внутрь кастомного слайдера (только не забудь отключить свайп у слайдера, что будет листать внутри себя слайдеры)
@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 Спасибо большое)
@Mr-Choops
@Mr-Choops Год назад
Привет! Подскажите как сделать слайдер фото, но чтобы фото менялись не при помощи клика а при помощи прокрутки, фото меняется одно на другое как в одну сторону так и в другую
@voron-dev
@voron-dev Год назад
Возможно вы имеете в виду "боковой скролл колесиком мыши". Это отдельная модификация и логика работы там строится иначе чем в слайдере. Если в слайдере сделать перелистывание на скролл, то он не позволит пользователю прокрутить страницу вниз, так как весь скролл будет листать этот слайдер. Но эту модификацию я тоже планирую выпустить, правда сейчас доделываю другую, которая скоро уже должна появиться
@user-gl7en8ol2l
@user-gl7en8ol2l Год назад
Привет, а можно зациклить перелистывание слайдов? Чтобы слайды как бы не заканчивались.
@voron-dev
@voron-dev Год назад
Да, это сделано по умолчанию
@user-nu7vj9xb2g
@user-nu7vj9xb2g Год назад
Здравствуйте, а подскажите пожалуйста, я всё сделала так, как по видео… а у меня ни как не получается… есть возможность подсказать мне, что не так сделала?🙏🏻
@voron-dev
@voron-dev Год назад
Да конечно, можете написать в telegram (ссылки в профиле и на сайте). Ещё можете сразу проверить правильно ли у вас указаны recid блоков. Они должны быть не точь в точь как на видео, а без кавычек и через запятую (я это позднее добавил для простоты использования, чтобы не нужно было мучаться и вручную прописывать каждый раз)
@frost0294
@frost0294 6 месяцев назад
Сделал все круто но вот проблема возникла, у меня свайп на мобильных планшетных и ноутбочных версиях не работает (изменено) Все понял в чем проблема была, слишком много игрался с overflow visible у других блоков там шейп с другого блока которому я opacity 0 ставил наехал на этот слайдер и не давал свайпать
@stonedmyass
@stonedmyass Год назад
Здравствуйте! Я совсем начинающий дизайнер. Такой вопрос, возможно ли как-то без кода и модификаций сделать шапку сайта с корзиной и вишлистом? Я знаю, что это можно сделать через готовые блоки меню гамбургеры в тильде Мне хочется сделать так, чтобы в шапке сначала шел логотип, потом категории типа о нас, каталог, контакты И потом кнопки вишлиста, корзины Без всяких гамбургеров и всплывающих меню Через зероблок это только с кодами или модификациями от нолим возможно? Сломала всю голову.. И еще вопрос(наверное очень глупый) Кодинг для тильда отличается чем-то от стандартного кодинга В том плане, если я не хочу прям углубляться в программирование и кодинг Но хотела бы как дизайнер научиться кодить именно в рамках тильда Такое возможно вообще? Или если уж хочу коды учить, то начинать погружаться с головой?
@ApploDi
@ApploDi Год назад
Всё это можно в стандартном блоке сделать, только для корзины нужно будет привязку сделать. Без кодинга никак. Я думаю нужно код корзины скопировать, потом через html блок привязать к кнопке "корзина". Чисто в теории должно работать
@annevil2721
@annevil2721 Год назад
@@ApploDi я сделала проще: зафиксила шапку сверху, изменила стили корзины, иконки и также зафиксила все на топе, подобрав отступы) Все прекрасно работает
@user-zv8yj7iw7r
@user-zv8yj7iw7r Год назад
Спасибо огромное за слайдер! НО... у меня возникла проблема, на одном из сайтов сделал все по инструкции, все работает, на другом сделал один в один, но при добавлении картинки в фон зеро блока, при опубликовании вместо картинки белый экран, картинки пробывал ставить те которые уже работают, в чем может быть проблема? в поддерже тильды ничего внятного
@voron-dev
@voron-dev Год назад
Недавно в слайдер были добавлены изменения. Раньше в слайдах дублировался фон зеро, в котором был html код слайдера. Теперь эта проблема исправлена и слайды по умолчанию прозрачные. Если нужно добавить фон, то теперь можете это сделать просто через шейп
@user-pi8iq7ux5v
@user-pi8iq7ux5v 8 месяцев назад
Подскажите пожалуйста а где взять ссылку на иконку активной и неактивной навигации и вставить в генератор, не пойму этот момент
@voron-dev
@voron-dev 8 месяцев назад
Просто загрузите картинку в любой блок с картинками на Тильде (чтобы исходник сразу был нужных размеров для точки навигации), скопируйте на эту картинку ссылку и вставьте в генератор
@startmaks
@startmaks Год назад
В коде, который устанавливается в тильде под зероблоками, если бы были rec-и, чтоб можно было их видеть, добавить новый, изменить прям в тильде - было бы вообще бесценно, а так получается внеся в код изменения типа размер кнопок, или убрать залипание (паузу) при наведеной мышке, потом если понадобиться добавить или изменить количество слайдов (зероблоков) придется заново разбираться, в закладки добавил сайт ваш, но тем не менее... ну и конечно, слайдер с видео был бы интересен, не поскупился бы! а так даже не знаю заведется ли..
@voron-dev
@voron-dev Год назад
Добавил сейчас сохранение настроек на сайте на этот случай. Ну а если нужно прямо на постоянку за каждым сгенерированным кодом настройки закрепить, то тут только расширение с такой задачей справится - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QP7OJX9mpto.html
@swave2720
@swave2720 Год назад
Как добавить кнопку в тильде "Сохранить и опубликовать?"
@elva4you813
@elva4you813 Год назад
Добрый день. У меня три слайдера. На нем текст и фото. на последнем слайдере фото очень долго грузится. даже если меняю блоки местами, проблема только на последнем
@voron-dev
@voron-dev Год назад
Можете в код последнего слайдера ВМЕСТО предпоследней строки (где 500) поставить этот код $('.slider').on('afterChange', function(event, slick, currentSlide, nextSlide){ t_lazyload_update() }); }, 500)})
@user-ij3sk9bx3b
@user-ij3sk9bx3b Год назад
Здравствуйте? А можно как то сделать слайдер внутри вкладок?
@voron-dev
@voron-dev Год назад
Да можно, порядок действий такой: 1) Делаешь табы по инструкции с включенными пунктами "режим повышенной совместимости" и "включи этот пункт, если..." 2) Делаешь слайдеры по инструкции с включенной совместимостью с autoscale 3) Ставишь код табов после кода последнего слайдера
@leraeklernaya5993
@leraeklernaya5993 8 месяцев назад
Подскажите, пожалуйста, почему кнопки могут не работать в мобильной версии? В десктопе всё ок, вроде всё по инструкции делаю
@voron-dev
@voron-dev 8 месяцев назад
Кнопки в мобильной версии могут не работать если например поставлено в генераторе ограничение по разрешению экрана. Можете скинуть ссылку на страничку в телеграмме, гляну прямо код вашей странички и помогу
@user-kq6tn6xj3j
@user-kq6tn6xj3j 7 месяцев назад
В мобильной версии почему-то текстовые элементы на втором и третьем слайде то появляются, то исчезают. С чем может быть проблема?
@voron-dev
@voron-dev 7 месяцев назад
Добрый день, можете мне скинуть в телеграмм ссылку на страничку, гляну, скажу что не так
@user-lk8er7ft6n
@user-lk8er7ft6n 9 месяцев назад
Есть проблема. Слайдер на 3 слайда. При пролистывании после 3, 1 выезжает снизу и дальше слайдер не работает. Как исправить глюк? Как сделать, чтобы в ряд отображалось несколько карточек? На десктопах 4, на планшетах по 2, на мобильных 1
@voron-dev
@voron-dev 9 месяцев назад
Отпишите с телеграмм со ссылкой на страничку, помогу
@ARM0RER
@ARM0RER 10 месяцев назад
Спасибо за слайдер! Работает, листает, но хотел спросить, как отключить функцию на десктопе при наведении мышкой на слайдер - замирает и ждет пока я не перенесу мышку куда-то в сторону. Это как-то можно отключить?
@voron-dev
@voron-dev 10 месяцев назад
Да можно, после: fade: true, или fade: false, Добавьте: pauseOnFocus: false, pauseOnHover: false,
@ARM0RER
@ARM0RER 9 месяцев назад
@@voron-dev спасибо, все работает :)
@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 спасибо! То что нужно! :)
@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-ky3mw7fi8c
@user-ky3mw7fi8c Месяц назад
Слайдер багуется при изменении размера окна, все слайды перемешиваются в окне (( как поправить. Попробовала у вас сайте тоже самое происходит с образцами
@voron-dev
@voron-dev Месяц назад
Отпишите в лс телеграмм
@FreakinMaroon
@FreakinMaroon 7 месяцев назад
Привет. После цикла прокрутки, когда снова появляется 1 слайд, он исчезает на долю секунды и появляется снова. Как решить?
@voron-dev
@voron-dev 7 месяцев назад
Привет, можешь мне скинуть в тг ссылку на страничку с проблемой? Посмотрю код, помогу
@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 свой цвет соответственно
@dinnerchief
@dinnerchief Год назад
Я следую по всем инструкциям по второму примеру, но почему-то, в большом слайдере есть клонированные блоки, а в нижнем нет, поэтому при прокрутке, все объекты нижнего слайдера уходят за край HTML-елемента и возвращаются на места во втором слайде. Что я хочу сказать - эффект бесконечной прокрутки в нижнем слайдере не работает. Слайдов 3 штуки Я понял в чем проблема. Проблема в том что у меня всего три слайда, и на нижний слайдер я ставлю все три элемента
@voron-dev
@voron-dev Год назад
Да, при количестве слайдов равном количеству показываемых слайдов слайдеру становится "как бы нечего прокручивать" и поэтому он просто становится статичным. Это специально было заложено в функционал, потому что кодом можно динамически добавлять слайды в слайдер по кнопкам, но я это пока не добавил в генератор
@dinnerchief
@dinnerchief Год назад
@@voron-dev Спасибо за ответ! Клиент уже сказал что он будут ставить больше 3 слайдов!
@southwoodd
@southwoodd 6 месяцев назад
Спасибо тебе огромное, но последний слайдер со страницы модификации не работает. Я все опробовал, ничего не выходит. И еще вот эта фраза непонятна "- Всегда делай общее количество слайдов больше чем "количество слайдов к показу" иначе слайдеру будет нечего прокручивать"
@voron-dev
@voron-dev 6 месяцев назад
Привет, можешь мне отписать в личку в телеграмм, помогу
@ivannefedov
@ivannefedov 8 месяцев назад
Не получается сделать по данной инструкции 😞. Просто белый экран и нет точек пролистывания снизу. Может ссылки на сам скрипт и точки изменился? Может я криворукий, что скорее всего, но вроде инструкция не сложная, повторял все точь-в-точь без самодеятельности.
@voron-dev
@voron-dev 8 месяцев назад
Можете скинуть ссылку на страничку мне в телеграмм, гляну и подскажу что не так. Может на странице какой другой код есть, который может слайдеру помешать корректно отобразиться
@ivannefedov
@ivannefedov 8 месяцев назад
Списались, все получилось! Спасибо большое! Ваш проект - лучший!@@voron-dev
@anastasiakovtun8116
@anastasiakovtun8116 Год назад
помогите, пожалуйста. Сделала все по гайду, но у меня на самих карточках должны быть кнопки с почасовой анимацией. А в слайдер получается так, что анимация не работает. Как это можно исправить?
@voron-dev
@voron-dev Год назад
Скиньте мне в тг ссылку на вашу страничку, скажу что не так и помогу
@anastasiakovtun8116
@anastasiakovtun8116 Год назад
@@voron-dev можете дать адрес вашего тг?
@voron-dev
@voron-dev Год назад
@@anastasiakovtun8116 На сайте висит, на ютубе в "подробнее", но продублирую ещё тут тогда t.me/voron_team_s
@user-zk8zf8qk9q
@user-zk8zf8qk9q 6 месяцев назад
Может, кто-нибудь знает, почему не получается уменьшить боковые блоки?
@voron-dev
@voron-dev 6 месяцев назад
Возможно у вас не включен режим "выравнивание по центральному". Можете в телеграмм в личку скинуть ссылку на страничку - подскажу
@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-элементом слайдера и тогда слайдер будет полностью весь заавтоскейлен как надо
@user-zu5th9ti2p
@user-zu5th9ti2p Год назад
Здравствуйте сделал все в точности не работает что делать?
@voron-dev
@voron-dev Год назад
Здравствуйте. Совсем в точности не нужно. С момента выхода этого видео я обновил генератор, чтобы не нужно было брать каждый recid в кавычки. Они должны быть написаны в генераторе вот так: #rec11111111, #rec22222222 А не вот так "#rec11111111", "#rec22222222" Если были написаны правильно, то можете мне в телеграмм отправить ссылку на вашу страничку где не работает, я вам помогу
@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 Включите совместимость с автоскейлом
@bizin5158
@bizin5158 10 месяцев назад
последний слайд вываливается(((
@voron-dev
@voron-dev 10 месяцев назад
Проверьте правильность указания recid. Они должны быть указаны через запятую и пробел и после последнего не должно быть никаких пробелов. Чтобы все было как полупрозрачным указано в генераторе. Если все точно указано правильно, то можете мне в телеграмм в личку ссылку скинуть - подскажу что не так
@fonarrr30
@fonarrr30 Год назад
Третий раз собираю по инструкции, не работает(
@voron-dev
@voron-dev Год назад
Проверьте, что пишите recid не в кавычках, а просто через запятую. Если все правильно, то можете мне в тг отписать с ссылкой, подскажу что не так
@Iazovskii
@Iazovskii Год назад
Делаю все пошагово, слайдер почему-то не работает
@voron-dev
@voron-dev Год назад
Отправьте ссылку в тг на страницу. Возможно у вас есть на страничке модификации от нолим, которые немного неправильно сделаны и загружают на страницу jquery второй раз подряд и это ломает логику
@33domin
@33domin Год назад
Подскажите пожалуйста, что делать в таком случаии ? В шапке есть модификации от налима и одна из них (не могу определить какая) не даёт нормально отображать слайдер. При прогоне слайдов по кругу, возникает мигание первого слайда в цикле.
@voron-dev
@voron-dev Год назад
Отправьте в тг ссылку, посмотрю в чем проблема
@samuridersteam2163
@samuridersteam2163 7 месяцев назад
Я проебался с этим кодом и этим зероблоком 2,5 часа и ничего не заработало, даже близко Спасибо за убитое время
@voron-dev
@voron-dev 7 месяцев назад
Можете просто сразу в поддержку отписать. Сейчас загрузка большая поэтому вынужден иногда отвечать только по графику который в био в тг
@Esc551
@Esc551 Месяц назад
Всё уже?) Не работает?)
@voron-dev
@voron-dev Месяц назад
Интересный вопрос... В моей библиотеке нет ни одного мода, в отношении которого можно применить "все уже". Вы хотя бы на сайт чтоль зашли и полистали примеры под генератором. Только что их проверил с чистой системы и чистого браузера и работают исправно. Если есть проблемы с установкой слайдера, то всегда можно отписать мне в тг бота со ссылкой на страничку с проблемой
@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" наоборот не получается сделать видимым дефолтный таб после разворачивания блока... помогите пожалуйста, я уже на гране отчаяния, все варианты перепробовал на сколько мне мозга хватает, ничего не работает... Хотя-бы в какую сторону капать... был-бы Вам безмерно признателен!
Далее
Dragon Age: The Veilguard | Official Reveal Trailer
02:08
Cuộc đua tại Premier League mùa này kiểu:
00:20
Dragon Age: The Veilguard | Official Reveal Trailer
02:08