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

Поделиться
HTML-код
  • Опубликовано: 8 июн 2024
  • В этом видео я покажу как сделать практически любой слайдер из зеро-блок/стандартных блоков, без редактирования кода, со своими со своими стрелками, точками пагинации и синхронизацией между слайдами на Тильда.
    ВНИМАНИЕ!
    Перед тем как приступить к созданию слайдера обязательно проверь инструкцию на страничке с самим генератором и посмотри обновленную инструкцию если что-то не получится:
    • Любой слайдер из 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  Год назад +3

    *ВНИМАНИЕ!*
    Перед тем как приступить к созданию слайдера обязательно проверь инструкцию на страничке с самим генератором и если у тебя что-то не получится то посмотри обновленное видео вот тут:
    ruclips.net/video/n53ak2OEm54/видео.html
    Я достаточно часто добавляю новые фичи на основе голосования\фидбека который получаю и поэтому некоторые шаги для создания слайдера могут меняться с течением времени. Поэтому обязательно сверься с инструкцией на страничке если что-то не работает. И не забудь также обратить внимание на пункт "важно" в инструкции, там информация по исключениям для некоторых настроек

  • @user-ri4ku5dh9o
    @user-ri4ku5dh9o 8 месяцев назад +3

    Как же я вам благодарна!!! Мучилась со слайдером долго, искало именно такое решение, как в видео. Нигде не могла найти подобное, а тут бесплатно и еще так быстро и просто. Всех благ)

  • @user-to2ur5kd2k
    @user-to2ur5kd2k Год назад

    Круто. универсальный слайдер. очень классно, что все редактируется зеро блоком. 👍👍👍 Спасибо большое за труд. Буду пробовать

  • @mattagonna
    @mattagonna Год назад +1

    Дядь, это лучший слайдер 🤌 Множество работающих настроек, удобство, подача и инструкции. Уважение и почёт ☝

  • @ford160484
    @ford160484 Год назад

    Огромное спасибо за труд! Просто БРАВО!

  • @grigory6058
    @grigory6058 Год назад +1

    Лучшее решение для слайдера на тильде, которое можно найти. Спасибо!

  • @user-lm9nt1os8e
    @user-lm9nt1os8e Год назад +1

    касаемо слайдеров - это лучшее что я видел)
    очень круто, продолжай в том же духе!

  • @lenagannochka8993
    @lenagannochka8993 9 месяцев назад

    Спасибо большое!!! Если бы не Ваше видео, я бы сошла с ума, уже столько перепробовала!
    Спасибо!

  • @leraovcharova313
    @leraovcharova313 10 месяцев назад

    Огромное спасибо, Константин! Это самый лучший слайдер в мире!!

  • @user-jn2yg3ow7n
    @user-jn2yg3ow7n 11 месяцев назад +2

    Огромное вам спасибо!!!!!!!!!!! Два дня сижу.... и ваше видео мне так помогло, только начинаю осваивать все это... Сложно конечно , но благодаря таким урокам все становится легче! Еще раз спасибо и Удачи вам!

  • @Ivan-yd2hy
    @Ivan-yd2hy Год назад

    Дружище, ты просто лучший, спасибо огромное!

  • @leraeklernaya5993
    @leraeklernaya5993 11 месяцев назад

    Спасибо! Рабочий код, всё максимально доходчиво объяснено ♥

  • @user-il9es1uh9c
    @user-il9es1uh9c Год назад

    Прекрасное решение и отличный инструмент! Спасибо!

  • @user-ig8yj6kt1v
    @user-ig8yj6kt1v 8 месяцев назад

    Я очень благодарен тебе за такой чудесный генератор кода. Я целый час пытался сделать всё как ты говорил, но особо не слушал и делал много ошибок, сейчас я так счастлив, что всё наконец-то получилось. СПАСИБО ТЕБЕ!!!ЛАЙК

  • @i_am_end_ray
    @i_am_end_ray Год назад +4

    Просто нет слов, ты не педставляешь как спас мне жизнь! Спасибо за контент!

    • @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 7 месяцев назад

    Спасибо тебе, добрый человек 🙏

  • @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;
      }

  • @sophisticateddd
    @sophisticateddd Год назад

    Спасибо за крутой генератор!
    подскажите, есть ли возможность увеличения центрального слайда, чтобы при прокрутке он выделялся на фоне боковых, а потом возвращался в исходный размер?

    • @voron-dev
      @voron-dev  Год назад +2

      Да такая возможность есть, и она даже уже у меня написана, но пока в процессе разработки и отладки, в ближайшее время выпущу

  • @user-sl4xs5sd5y
    @user-sl4xs5sd5y 10 месяцев назад +1

    Спасибо большое за видео и генерацию кода! Это лучшее, что я нашла!
    У меня есть вопрос. Можно ли сделать разное кол-во показов карточек для разных разрешений экранов? Например, 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 месяцев назад

      Такое может быть если у вас включено одновременно "выравнивание по центральному", "сделать слайдер бесконечным", и слайдов к показу несколько указано.
      Т.е. по факту "выравнивание" ставит первый слайд в середину, а "бесконечность", делает дубль последнего слайда, чтобы его поставить как бы до первого и заполнить пустоту. Можете просто отключить выравнивание по центральному и все станет норм тогда

  • @user-fe8nh8pz8c
    @user-fe8nh8pz8c Год назад

    Очень крутое видео. Столько всего пересмотрела, все не то. Спасибо за труд) Скажи пожалуйста, нужно ли вносить какие то правки в код для адаптации под другие устройства? Пытаюсь открыть сайт с телефона, когда дохожу до блока со слайдером выдает ошибку, и сайт пропадает.(

    • @voron-dev
      @voron-dev  Год назад

      Нет, все для мобильных уже адаптировано. Предположу что телефон - айфон и браузер - какая-то из версий сафари. Дело именно в сафари ибо у меня на чистой переустановленной Mac OS Monterey какое-то время пока не вышло обновление не открывался вообще яндекс и mail.ru. Можете в тг скинуть ссылку на сайт конечно, гляну, может в совокупности с чем-то еще ошибка выпадает

  • @sonikzasonik593
    @sonikzasonik593 11 месяцев назад

    Огромное спасибо! Ваши модификации просто кладезь. Можно ли как-то добавить, чтобы при клике на один из нижних снлайдеров во втором примере на большом слайдер (верхнем) открывалась эта картинка? Как в обычных интернет-магазинах. Буду очень благодарна за решение!

    • @voron-dev
      @voron-dev  11 месяцев назад

      Да можно, отпишите в тг, я подскажу куда добавить код

  • @kqndesign
    @kqndesign 11 месяцев назад

    спасибо за видео) а можно ли сделать слайдер из одного стандартного блока? я туда подтягиваю товары из Каталога с разделом "Новинки" и не хотелось делать для этого зеро блок, а по твоей текущей модификации как будто только 2 разных стандартных блока можно слайдерить

    • @voron-dev
      @voron-dev  11 месяцев назад

      Вы имеете в виду блок с карточками товара - каталог? Если да, то можно, можете мне в личку в тг отписать - подскажу

  • @stanleyfloyd711
    @stanleyfloyd711 10 месяцев назад

    Привет, хотелось бы сказать спасибо огромное слайдер работает шикарно. Но у меня возникла проблема, после того как я решил адаптировать слайды для телефона, и поменять некоторые из них(замена зеро блока вместе со слайдом внутри него), у меня перестал слайдер откликаться на стрелки, и вообще как либо прокручиваться, в генераторе кода айди указал правильное, по инструкции всё соблюдал. Помогите пожалуйста решить 😢

  • @viktor0602
    @viktor0602 Год назад +1

    Привет, а возможно ли сделать слайдер в слайдере? Допустим из второго примера вставить в первый и при перелистывании в блоке будут отображаться слайдер с картинами, который тоже можно пролистать.

    • @voron-dev
      @voron-dev  Год назад

      Чисто технически да, но там нужно отключать свайп в слайдере, в котором будут слайдеры, и будет происходить конфликт css-стилей, потому что в одном зероблоке получится несколько tn-atom. Но то что вы хотите реализовать скорее всего можно сделать при помощи слайдеров в табах\вкладках. Вот ссылка на видео про них ruclips.net/video/4snQhxcoODk/видео.html я там специальный пункт для совместимости с слайдером добавил

  • @irinasergeeva3089
    @irinasergeeva3089 Год назад

    Огромное спасибо за удобнейший способ создания слайдеров! Все получается кроме создания своих точек навигации, запишите пожалуйста видео по ним. Вроде бы все делаю как вы сказали ( у вас в видео очень кратко), но не получается.

    • @voron-dev
      @voron-dev  Год назад

      Можете в личку в тг отписать, подскажу

  • @smd3104
    @smd3104 7 месяцев назад

    лайк подписка

  • @user-lm9nt1os8e
    @user-lm9nt1os8e Год назад

    Один вопросик, есть ли возможность сохранить фон блока в котором будет слайдер, а сами слайди будут карточками, у них же фон должен быть прозрачным, такое можно реализовать?

    • @voron-dev
      @voron-dev  Год назад +1

      Так, продублирую сюда тоже. Если у кого-то будет такой же вопрос, то да так можно, только проверьте чтобы у вас и в самом зеро, где располагается сам код слайдера был прозрачный фон, если вы делаете фон картинкой

  • @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  Год назад +1

      Возможно вы имеете в виду "боковой скролл колесиком мыши". Это отдельная модификация и логика работы там строится иначе чем в слайдере. Если в слайдере сделать перелистывание на скролл, то он не позволит пользователю прокрутить страницу вниз, так как весь скролл будет листать этот слайдер. Но эту модификацию я тоже планирую выпустить, правда сейчас доделываю другую, которая скоро уже должна появиться

  • @user-gl7en8ol2l
    @user-gl7en8ol2l Год назад

    Привет, а можно зациклить перелистывание слайдов? Чтобы слайды как бы не заканчивались.

    • @voron-dev
      @voron-dev  Год назад

      Да, это сделано по умолчанию

  • @user-nu7vj9xb2g
    @user-nu7vj9xb2g Год назад +1

    Здравствуйте, а подскажите пожалуйста, я всё сделала так, как по видео… а у меня ни как не получается… есть возможность подсказать мне, что не так сделала?🙏🏻

    • @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  Год назад

      Добавил сейчас сохранение настроек на сайте на этот случай. Ну а если нужно прямо на постоянку за каждым сгенерированным кодом настройки закрепить, то тут только расширение с такой задачей справится - ruclips.net/video/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 Год назад +1

    Здравствуйте? А можно как то сделать слайдер внутри вкладок?

    • @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 месяцев назад

      Отпишите с телеграмм со ссылкой на страничку, помогу

  • @ms_shki
    @ms_shki Год назад +1

    Спасибо огромное за скрипт! А как убрать залипание автоплея при наведении мыши? Очень надо!

    • @voron-dev
      @voron-dev  Год назад +1

      После autoplay: true,
      Добавьте следующими строками
      pauseOnFocus: false,
      pauseOnHover: false,

    • @ms_shki
      @ms_shki Год назад

      @@voron-dev Спасибо большое! А возможно сделать смену слайдов не перелистыванием, а растворением?

    • @voron-dev
      @voron-dev  Год назад

      Fade-эффект если в настройках в генераторе выберете. Только такое растворение

    • @ms_shki
      @ms_shki Год назад

      @@voron-dev спасибо! То что нужно! :)

  • @ARM0RER
    @ARM0RER 10 месяцев назад

    Спасибо за слайдер! Работает, листает, но хотел спросить, как отключить функцию на десктопе при наведении мышкой на слайдер - замирает и ждет пока я не перенесу мышку куда-то в сторону. Это как-то можно отключить?

    • @voron-dev
      @voron-dev  10 месяцев назад +1

      Да можно, после:
      fade: true,
      или
      fade: false,
      Добавьте:
      pauseOnFocus: false,
      pauseOnHover: false,

    • @ARM0RER
      @ARM0RER 9 месяцев назад

      @@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 Год назад +1

    мегахорош!
    как поменять размер иконки точки навигации?

    • @voron-dev
      @voron-dev  Год назад +3

      Либо свои загрузить, вставив ссылками в генератор, либо вот этим кодом:
      .slick-dots li button::before {
      font-size: 10px !important;
      }
      Тут вместо 10-ки поставь нужное тебе значение и этот код добавь после первого в коде слайдера.
      Если точки увеличить нужно только у одного слайдера, то прямо перед .slick-dots... в этом коде добавь recid зерошника с нужным слайдером, чтобы было вот примерно так #rec12345678 .slick-dots li ...

    • @voron-dev
      @voron-dev  10 месяцев назад +1

      @@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 месяцев назад +1

      Можете скинуть ссылку на страничку мне в телеграмм, гляну и подскажу что не так. Может на странице какой другой код есть, который может слайдеру помешать корректно отобразиться

    • @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  5 месяцев назад

      Возможно у вас не включен режим "выравнивание по центральному". Можете в телеграмм в личку скинуть ссылку на страничку - подскажу

  • @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  Год назад +1

      Здравствуйте. Совсем в точности не нужно. С момента выхода этого видео я обновил генератор, чтобы не нужно было брать каждый 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 месяцев назад +1

    последний слайд вываливается(((

    • @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 месяцев назад +1

    Я проебался с этим кодом и этим зероблоком 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" наоборот не получается сделать видимым дефолтный таб после разворачивания блока... помогите пожалуйста, я уже на гране отчаяния, все варианты перепробовал на сколько мне мозга хватает, ничего не работает... Хотя-бы в какую сторону капать... был-бы Вам безмерно признателен!