Красивые вкладки из Zero-блок и слайдер 2 в 1 без редактирования кода и за 2 минуты

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ก.ย. 2024

ความคิดเห็น • 80

  • @voron-dev
    @voron-dev  ปีที่แล้ว +1

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

  • @user-ky3mw7fi8c
    @user-ky3mw7fi8c 5 หลายเดือนก่อน +2

    Я просто афиге! Храни тебя вселенная человек!!

  • @misamisa712
    @misamisa712 6 หลายเดือนก่อน

    Ворон - лучший по Тильде! Все четко, понятно, с вариантами, действительно красиво. Всегда отыскиваю, что мне надо) Поставила расширение Ворона в браузере. Уважаю автора за такой качественный контент.

  • @user-bc1fw8um8q
    @user-bc1fw8um8q ปีที่แล้ว

    Спасибо большое за ценную и полезную информацию, за доходчивое и доступное для понимания объяснение материала!

  • @user-dd8bx7po8k
    @user-dd8bx7po8k ปีที่แล้ว

    Храни тебя боже, человече! Спас мою концепцию

  • @maxo6809
    @maxo6809 ปีที่แล้ว +1

    Спасибо за Ваш контент. Собрал сайт благодаря Вам

  • @osipenchiha
    @osipenchiha 7 หลายเดือนก่อน

    большое спасибо вам! все работает!

  • @diabolicalcharmer
    @diabolicalcharmer ปีที่แล้ว

    Спасибо большое за Ваш код! Всё работает.

  • @krislogvina
    @krislogvina ปีที่แล้ว

    Благодарю, все сработало!

  • @womenmoment5918
    @womenmoment5918 ปีที่แล้ว

    Спасибо за контент!

  • @Daniil_chislov
    @Daniil_chislov 3 หลายเดือนก่อน

    Спасибо

  • @user-tm9br3tb5r
    @user-tm9br3tb5r ปีที่แล้ว +2

    вроде бы все сделала по инструкции, раз 5 проверила, но почему- то не выходит

    • @Unoo13
      @Unoo13 2 หลายเดือนก่อน +1

      там теперь надо прописывать tabbtn1-1 . tabbtn1-2 и все в таком духе

    • @LILYMINT
      @LILYMINT 2 หลายเดือนก่อน

      @@Unoo13 спасибо

  • @effieleonhard
    @effieleonhard ปีที่แล้ว

    Пушка 🔥💻

  • @Ekspromtvitebsk
    @Ekspromtvitebsk ปีที่แล้ว +1

    Друг, спасибо большое за видео. Новый код с сайта прекрасно работает, единственное, теперь табы (отдельный новые zero блоки) не работают на моб. версии сайта. Ограничение по отображению zero блока не помогает, буду рад, если сможешь помочь. Спасибо.

  • @viiolettavolkova
    @viiolettavolkova ปีที่แล้ว

    Добрый день! Все работает круто, но почему то первый слайд в табах как последний (активен последний таб, но не 1-й), в чем может быть причина, подскажите, пожалуйста

  • @mirvantour
    @mirvantour ปีที่แล้ว +1

    ты лучший!! напиши куда вышлю тебе донат за старания

    • @voron-dev
      @voron-dev  ปีที่แล้ว

      Спасибо за теплые слова:D А по поводу поддержать, можно будет это сделать просто оформив подписку, когда расширение скоро выйдет из беты

  • @Shnyashka
    @Shnyashka ปีที่แล้ว

    Добрый день. Пока не нашла информацию. Что делать, если блоки разной высоты? Текст ниже в вашем коде подстраивается под высоту блока выше? 🙏🏼 Благодарю за ответ.

    • @voron-dev
      @voron-dev  ปีที่แล้ว

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

  • @bcardrussia
    @bcardrussia ปีที่แล้ว

    Привет, подскажи, Использовал блоки заглушки, все работает. Однако после изменния самих блоков скрипт их не обновляет - показывает то состояние блоков которое было при добавлении кода. Пробовал заново привязать код - ситуация та же.

    • @voron-dev
      @voron-dev  ปีที่แล้ว

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

  • @user-gg8me8ms7v
    @user-gg8me8ms7v 7 หลายเดือนก่อน

    Помогите, пожалуйста) Хочу сделать 3 вариант (слева табы переключаются - справа меняется контент). Но сделала все, а после публикации все блоки с табами скрыты почему-то

    • @voron-dev
      @voron-dev  7 หลายเดือนก่อน

      Пришлите ссылку на страничку где не получается мне в тг в лс - подскажу что поправить

  • @tselman
    @tselman ปีที่แล้ว

    привет, не планируешь записать видео про то как можно современно оформить каталог в зеро?

  • @user-xb2ug8fr2g
    @user-xb2ug8fr2g ปีที่แล้ว

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

    • @voron-dev
      @voron-dev  ปีที่แล้ว

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

  • @allagolubeva3670
    @allagolubeva3670 3 หลายเดือนก่อน

    Код - огонь! Спасибо автору за супер-полезный контент. Только у меня подчеркивание так и не работает по какой-то причине (((

    • @voron-dev
      @voron-dev  3 หลายเดือนก่อน

      Проверьте чтобы высота подчеркивания была задана прямо как полупрозрачным написано. Т.е. не 10, а 10px надо писать например

    • @allagolubeva3670
      @allagolubeva3670 3 หลายเดือนก่อน

      @@voron-dev, спасибо за оперативный ответ. Исправила, но всё равно не работает

    • @voron-dev
      @voron-dev  3 หลายเดือนก่อน +1

      Цвет тоже проверьте чтобы был с #, т.е. не ffffff, а #ffffff. Если не сработает, то отпишите мне в бота поддержки со ссылкой на страничку где не работает, помогу

  • @user-sl4xs5sd5y
    @user-sl4xs5sd5y ปีที่แล้ว

    Спасибо за модификацию! А можно ли каким-то образом увеличить кол-во вкладок? Чтобы не ограничиваться 8ю, как в МЕ602?

    • @voron-dev
      @voron-dev  ปีที่แล้ว

      Это ограничение блока ME602 на который опирается модификация, только если кодом другие вообще табы писать:( Но если вам не нужно показывать сразу много блоков, а достаточно одного зеро, то у меня есть другие табы, которые не имеют такого ограничения - voron-dev.ru/tabs
      Если на странице нужно прямо 8 вкладок в которых много блоков, то это достаточно тяжелое решение, и может вообще стоит это все как-то разбить на отдельные страницы или обьединить все блоки из одной вкладки в один блок и с табами которые скинул выше использовать

  • @alvinaporfirova4188
    @alvinaporfirova4188 ปีที่แล้ว

    Привет, а можно сделать так, чтобы на 1 таб было привязано несколько зеро-блоков и чтобы при клике на таб они просто по порядку шли при скролле?

    • @voron-dev
      @voron-dev  ปีที่แล้ว +3

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

  • @kristinasi4778
    @kristinasi4778 5 หลายเดือนก่อน

    Подскажите, пожалуйста, если нужно, чтобы во вкладке было 2 блока, а не один, что нужно сделать? Спасибо

    • @voron-dev
      @voron-dev  5 หลายเดือนก่อน +1

      Добрый день, для этого есть отдельный мод - voron-dev.ru/multi-tabs

    • @kristinasi4778
      @kristinasi4778 5 หลายเดือนก่อน

      @@voron-dev все получилось, спасибо большое 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻

  • @rita_torohovaa
    @rita_torohovaa 4 หลายเดือนก่อน

    почему то не меняется цвет текста на кнопке хотя я указываю это в генераторе((

  • @FreakinMaroon
    @FreakinMaroon 5 หลายเดือนก่อน

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

    • @voron-dev
      @voron-dev  5 หลายเดือนก่อน

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

    • @reachinese
      @reachinese 5 หลายเดือนก่อน

      @@voron-dev Привет! Благодарю за Вашу деятельность. У меня аналогичная проблема, удалось разобраться?

    • @reachinese
      @reachinese 5 หลายเดือนก่อน

      @@voron-dev Проверил только что, что проблема есть только при добавление кода через расширение браузера. Если сделать через генератор кода на сайте, то всё отображается так, как было задумано:)

    • @voron-dev
      @voron-dev  5 หลายเดือนก่อน +1

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

  • @user-vg8vw4mf3t
    @user-vg8vw4mf3t ปีที่แล้ว

    А можно ли сделать то же самое, но ограничиваясь бесплатным набором функций Тильды?

    • @voron-dev
      @voron-dev  ปีที่แล้ว

      Нет, на Тильде стоит такое ограничение, что на бесплатном тарифе заблокирована возможность использовать блок т123, т.е. вообще использовать какой-либо код

  • @barbie2946
    @barbie2946 ปีที่แล้ว

    сначала код сработал, а после перестал. Решила повторить точь в тоXь действия с ZERO как в видео и реально код не работает. Почему?😢

    • @voron-dev
      @voron-dev  ปีที่แล้ว

      Можете мне в тг кинуть ссылку, помогу

  • @postcardsandroses
    @postcardsandroses 3 หลายเดือนก่อน

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

    • @voron-dev
      @voron-dev  3 หลายเดือนก่อน

      Проверьте чтобы у вас не было ограничения по видимости в зависимости от экрана через стандартные настройки зеро задано. Я про это отдельно в инструкции отписал.
      И кроме этого ещё может быть задали настройки ограничения по видимости в самом генераторе.
      Если ни один из выше перечисленных моментов не помог, то просто отпишите мне в тг бота с ссылкой на страничку, на которой не получается сделать табы - помогу

  • @isin3259
    @isin3259 ปีที่แล้ว

    у меня табы работают, но не срабатывает подчеркивание и изменение цвета и фона активного таба, почему так может быть?

    • @voron-dev
      @voron-dev  ปีที่แล้ว

      Можете мне в телеграм кинуть ссылку, скажу что не так и помогу

    • @isin3259
      @isin3259 ปีที่แล้ว

      @@voron-dev спасибо

  • @valitoshka
    @valitoshka ปีที่แล้ว

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

    • @voron-dev
      @voron-dev  ปีที่แล้ว

      С каталогом всё должно работать, только что перепроверил. Можете скинуть в тг ссылку на стр, скажу что не так

    • @tombrah
      @tombrah ปีที่แล้ว

      @@voron-dev Да, с каталогом все работает, единственное не понял сначала, кнопки были в разном порядке, пришлось переставлять)
      Код четкий от души, все перелазил, лучше еще не видел)

  • @ЭльнурМурадов-ш2о
    @ЭльнурМурадов-ш2о 5 หลายเดือนก่อน

    Спасибо за скрипт. А можно добавить какой-то эффект переключения табам? Фейд ин или свайп как в слайдере

    • @voron-dev
      @voron-dev  5 หลายเดือนก่อน

      Вот различие слайдера и табов именно в этом эффекте и заключается:))))) Если нужен эффект, то это слайдер, а если нет, то вкладки

  • @2xg449
    @2xg449 ปีที่แล้ว

    Ворон, а как это в мобилке реализовать? почему не разобрал в ролике? :(

    • @voron-dev
      @voron-dev  ปีที่แล้ว

      Потому что отличий от пк версии нет:D Этот код только скрывает и показывает блоки по клику, ну и плюсом к этому анимация кнопок переключения. Здесь нет работы над адаптивом, как например в слайдере

  • @user-tg5kw4mu7h
    @user-tg5kw4mu7h ปีที่แล้ว

    табы работают в обратном порядке, если номера блоков переставить, то норм

    • @voron-dev
      @voron-dev  ปีที่แล้ว

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

    • @Tvoy-site
      @Tvoy-site ปีที่แล้ว

      @@voron-dev у меня тоже с последнего начинает, хотя добавлены с первого в код. пришлось табы местами менять, так как смена id в обратном порядке тоже не помогла. странно конечно. до этого использовала на другом сайте все ок было. в любом случае спасибо вам ❤

    • @voron-dev
      @voron-dev  ปีที่แล้ว

      С первого табы нужно именно добавлять в зеро блок. Т.е. не в код, не в слоях в зероблоке их в нужном порядке разместить, а прямо на плюсик в зеро блоке нажать, выбрать нужный тип элемента (shape / button / и тд) по клику на который будет открываться таб и добавить. Соответственно первый таким образом добавленный элемент и будет открывать первый таб. Тильда этот порядок запоминает и именно в таком порядке созданные элементы будут идти в DOM структуре сайта. Т.е. если вдруг будет не работать, то их можно просто поменять местами, либо просто пересоздать с первого по нужный и все)

  • @user-op9sr2tv1v
    @user-op9sr2tv1v ปีที่แล้ว

    Привет,почему всплывает Html code will be here?

    • @voron-dev
      @voron-dev  ปีที่แล้ว

      Привет, это значит что на страничке где-то пустой т123 или html-элемент в котором нет никакого кода вообще. Его нужно просто удалить.
      Если такое происходит в процессе внедрения модификации, то нужно проверить вставился ли код в поле для кода и возможно пересохранить его и переопубликовать страницу

  • @southwoodd
    @southwoodd ปีที่แล้ว

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

    • @voron-dev
      @voron-dev  ปีที่แล้ว +1

      Попробуйте "режим совместимости со ст. блоками включить". Сейчас его тоже как в слайдере сделаю включенным по умолчанию

    • @southwoodd
      @southwoodd ปีที่แล้ว

      @@voron-dev Спасибо, мужик, сработало🔥🔥🔥

  • @user-sh7zs8sd9x
    @user-sh7zs8sd9x 11 หลายเดือนก่อน

    код не работает, после обновлений сразу скрывает все зероблоки, открывает некорректно, короче не работает

    • @voron-dev
      @voron-dev  11 หลายเดือนก่อน

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

  • @user-nd6ck5qp7n
    @user-nd6ck5qp7n ปีที่แล้ว

    Почему то у меня не работет 😔 Все сделала так как на видео

    • @voron-dev
      @voron-dev  ปีที่แล้ว

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

  • @malandr
    @malandr ปีที่แล้ว

    А зачем? Если есть ME602

    • @voron-dev
      @voron-dev  ปีที่แล้ว

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

  • @ilnarakhmetzyanov8129
    @ilnarakhmetzyanov8129 ปีที่แล้ว

    чушь какая-то, блок слетает, куда-то пропадает при нажатии

    • @voron-dev
      @voron-dev  ปีที่แล้ว

      Можете кинуть ссылку на страничку мне в тг, скажу что делаете не так

  • @atiesh6804
    @atiesh6804 11 หลายเดือนก่อน

    Привет, не получается сделать вариант с Пример работы модификации 3)
    не подскажете порядок действий где именно отличается от вариантов 1 и 2?

    • @voron-dev
      @voron-dev  11 หลายเดือนก่อน

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