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

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

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

  • @КсюшаБастракова-ж1ъ

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

  • @ОксанаСергеева-ф3ь

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

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

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

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

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

  • @НадеждаСоколова-в4ц

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

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

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

  • @gillikh
    @gillikh 8 месяцев назад +3

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @khadishakundebaeva3941
    @khadishakundebaeva3941 День назад

    Когда перенесла сайт на другой аккаунт, код не работал, хотя ID блоков не изменились. Оказалось, что в новом аккаунте в настройках сайта не было включено jQuery. После включения jQuery все заработало.

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

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

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

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

  • @Babushkina.desing
    @Babushkina.desing Год назад

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

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

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

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

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

  • @ЕленаЕлена-т1д
    @ЕленаЕлена-т1д Год назад +1

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

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

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

  • @СергейБатов-ы9щ
    @СергейБатов-ы9щ Год назад +1

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

  • @ВадимБакулев
    @ВадимБакулев Год назад +1

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

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

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

    • @ВадимБакулев
      @ВадимБакулев Год назад

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

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

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

  • @АраратМир
    @АраратМир Год назад +1

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

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

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

    • @СергейБатов-ы9щ
      @СергейБатов-ы9щ Год назад +2

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

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

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

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

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

  • @КсенияПилипенко-ю4р

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

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

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

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

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

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

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

  • @Михаил-к5р5ч
    @Михаил-к5р5ч Год назад

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

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

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

  • @inessmess5584
    @inessmess5584 2 месяца назад

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

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

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

    • @Polina.Partolina
      @Polina.Partolina Месяц назад

      @@youxagency Добрый день, ваша подсказка помогла и код заработал! Большое спасибо!

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

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

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

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

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

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

  • @ЕкатеринаПопчук-о1р

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

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

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

    • @ЕкатеринаПопчук-о1р
      @ЕкатеринаПопчук-о1р Год назад

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

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

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

  • @magnitniyher
    @magnitniyher 4 дня назад

    Не работает код, блоки между собой не переключаются

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

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

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

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

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

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

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

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

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

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

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

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

    • @svetlanapozuban2494
      @svetlanapozuban2494 2 месяца назад

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

  • @КириллКоновалов-ш9ц

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

  • @ВикторКраснов-щ7л
    @ВикторКраснов-щ7л 7 месяцев назад

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

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

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

    • @ВикторКраснов-щ7л
      @ВикторКраснов-щ7л 7 месяцев назад

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