Это видео недоступно.
Сожалеем об этом.

Переключение зеро-блок с помощью табов/вкладок в Тильда

Поделиться
HTML-код
  • Опубликовано: 15 авг 2024

Комментарии • 60

  • @user-ow5gl5gr5k
    @user-ow5gl5gr5k Год назад +2

    Спасибо! Весь день не могла решить эту проблему, в итоге помог ваш код и способ! Просто лучший - подписка!

  • @Welcomedagestan
    @Welcomedagestan 10 месяцев назад +1

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

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

    Спасибо! Код рабочий! Народ, будьте внимательнее. Это всего лишь алгоритм. Если действия делать последовательно - будет результат. Перед тем как что-то писать (вообще где либо) проверьте себя дважды. 🤓

  • @user-lh1oz7me5b
    @user-lh1oz7me5b 10 месяцев назад

    Благодарю за полезное и очень понятное видео, с вашей помощью, у меня получилось сделать, наконец, этот блок!!!!!

  • @slice508
    @slice508 Год назад +2

    Спасибо за такой труд и вклад, автор ты крут!) лайк, подписка!

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

    Класс! Весь день искала эту информацию, спасибо

  • @oomark
    @oomark Год назад +2

    Лайк за свежий урок

  • @diana_ammar
    @diana_ammar 3 месяца назад

    Спасибо вам большое, очень помогли!

  • @gillikh
    @gillikh 5 месяцев назад +2

    Сделал все по видео нихрена не сработало, начал сравнивать скрипт с сайта он отличается от того что в видео. Почему?

  • @filmserials-pixel
    @filmserials-pixel 7 месяцев назад +3

    При публикации на странице остаются все видимые блоки, которые должны переключаться.

    • @youxagency
      @youxagency  5 месяцев назад

      Попробуйте код версия 2.0
      Он работает. Этот код обновили на сайте

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

    Делаю всё по порядку:
    1) Создайте 1 таб и присвойте класс
    2) Скопируйте этот таб
    3) Сделайте копии блока и наполните контентом
    4) Вставьте код и замените ID блоков в нем
    Но всё равно жму на вторую кнопку - появляется третий блок, нажимаю на третий блок, вообще всё пропадает...

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

      такая же ситуация. все в разнобой

    • @Babushkina.desing
      @Babushkina.desing 11 месяцев назад

      И как решили проблему?

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

    Спасибо огромное!

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

      На здоровье. Не забудьте подписаться 🥹

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

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

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

    спасибо за помощь!

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

    спасибо, все получилось!

  • @Babushkina.desing
    @Babushkina.desing 11 месяцев назад

    Всем привет. Подскажите пожалуйста. Взяла данный код, но подключила только кнопки. Всё работает. Всё супер. Единственное При переключении блоков, почему-то следующий съедает несколько пикселей внизу, хотя первый блок стоит идеально, при переключении съедает. Как решить?

  • @somany5588
    @somany5588 6 месяцев назад

    Видео контент будет меняться при нажатии на кнопку? Код для мобильной версии адаптирован?

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

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

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

      Добрый вечер, Вадим.
      На новой странице ID блоков также меняются, их нужно скопировать и вставить в новый код, все должно работать как нужно.
      Проверьте еще раз, возможно допустили ошибку

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

      @@youxagency Спасибо за ответ, попробую ещё раз вставить новые id, надеюсь поможет)

  • @SELECT-HOME
    @SELECT-HOME 9 месяцев назад

    Добрый день! Спасибо огромное за то, что делитесь такой информацией! Подскажите, как можно сделать плавное переключение - например что-бы содержимое появлялось при переключение с эффектом fade-in

    • @youxagency
      @youxagency  8 месяцев назад +1

      Там показатель 500 кажется в коде есть или 0, вот его чем больше делаете - тем плавнее появляются блоки

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

    Перечитав все комменты всё делаю абсолютно по порядку, уже раз 5-ый с нуля, но табы работают в разнобой, когда переключаешь через них

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

      Исходя из многочисленных вопросов и сложностей с реализацией, в ближайшее время будет записан новый ролик Табы v.2
      Новый скрипт, простой и удобный

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

    Большое спасибо за код! Все работает, кроме того, что ВСЕ зеро-блоки остаются видимыми на странице. И при нажатии на Табы идет просто перемещение, как на якорную ссылку. Неактивные блоки не скрываются. Скажите, что я сделал не так?

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

      Код в подвал киньте

  • @Davaj-pogromche-dima
    @Davaj-pogromche-dima Год назад

    Спасибо за видео! Получается нужно КОПИРОВАТЬ таб, чтобы скрипт работал. А если у меня вместо табов вставлены изображения (нарисованные кнопки) и все разные, есть решение? Спасибо!

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

      Попробуйте второй урок на канале или прозрачные кнопки поверх картинок вставьте

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

    Привет) У меня проблема, все табы переключаются корректно, но когда включаешь последний, то остальные становятся некликабельные, в чем может быть дело?

  • @user-kh8fg7up1d
    @user-kh8fg7up1d Год назад +2

    Добрый вечер! К сожалению код не работает(

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

      Ксения, код работает. Пожалуйста, посмотрите видео еще раз и сделайте все по порядку снова.

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

    Спасибо большое за код! Единственное почему-то на планшетах и в мобильном не работает( В чем может быть проблема?

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

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

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

      @@youxagency перепроверила. Уже и код удалила, и заново всё сделала и не работает на мобилках и планшетах(. На десктопе всё супер

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

      Напишите в наш общий чат с ссылкой на проект и детально опишите проблему

  • @inessmess5584
    @inessmess5584 9 дней назад

    У меня, к сожалению, не работает код (сделала все как в инструкции). У меня 2 блока так и стоят друг за другом при опубликовании. почему так может быть?

    • @youxagency
      @youxagency  9 дней назад

      Попробуйте в настройках включить iQuery поддержку. Настройки - еще
      Из-за этого обновления многие модификации перестали работать

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

    Здравствуйте, почему то переключаются не по порядку. нажимаешь одно-включается другое. в чем может быть дело?

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

      Важен четкий порядок действий и последовательность:
      1) Создайте 1 таб и присвойте класс
      2) Скопируйте этот таб
      3) Сделайте копии блока и наполните контентом
      4) Вставьте код и замените ID блоков в нем

    • @user-ol6uh2ty4k
      @user-ol6uh2ty4k Год назад +2

      @@youxagency К сожалнению порядок тут не причем. можете сами попробовать, сделайте с нуля три таба, второй уже будет не корректно переключатся.

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

    Сделала 5 вкладок, переключаются вразнобой :( Жмешь одну кнопку, а переключается на совсем другую вкладку, чем нужно(

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

      У меня также, 3 вкладки вразнобой(
      Проверила с двумя, все ок

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

      Важен четкий порядок действий и последовательность:
      1) Создайте 1 таб и присвойте класс
      2) Скопируйте этот таб
      3) Сделайте копии блока и наполните контентом
      4) Вставьте код и замените ID блоков в нем

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

    сделал 4 таба
    также не работает ничего)
    нажимаю третью кнопку - открывается вторая и так далее
    алгоритм тут не при чем, несколько раз все проверил

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

      Посмотрите второе видео про табы на канале. v.2.0

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

    дружище ссылка на код не работает, исправь плиз

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

      Проверил, все работает.
      Попробуйте зайти напрямую через сайт в раздел «Модификации»

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

    Какое-то очень странное и ненадежное решение. Если ты читаешь это еще ищешь, как это реализовать такой слайдер - рекомендую поискать еще. С этим решением одни мучения и работает он через раз. На мобилке так и не смог заставить его работать, увы(

  • @svetlanapozuban2494
    @svetlanapozuban2494 21 день назад

    Код нерабочий

    • @youxagency
      @youxagency  9 дней назад

      Попробуйте в настройках включить iQuery поддержку. Настройки - еще
      Из-за этого обновления многие модификации перестали работать

    • @svetlanapozuban2494
      @svetlanapozuban2494 9 дней назад

      @@youxagency спасибо, у меня он включен

  • @user-qk4fh7iq8y
    @user-qk4fh7iq8y 5 месяцев назад

    Ни хрена не срабатывает. А чё ему срабатывать, коды отличаются( в видео совсем другой). const tabGroups = [ .... и //ID Zero вставить как-то не совсем похожи. Зря прое...ся два часа.

    • @youxagency
      @youxagency  5 месяцев назад

      Попробуйте код версия 2.0
      Он работает. Этот код обновили на сайте

    • @user-qk4fh7iq8y
      @user-qk4fh7iq8y 5 месяцев назад

      А вот этот работает чётко. Спасибо, что читаете коменты и реагируете моментально. Большой лайк!!!