support-icon

Уникальные модификации для Тильда сайтов, которые расширяют функционал вашего сайта и выделяют вас среди конкурентов!

Tilda PublishingПодписка

Вкладки в зеро блоке Тильды

Пример модификации

Создание вкладок в зеро блоке Tilda Publishing — это отличное решение для улучшения интерфейса и структуры контента на вашем сайте. Вкладки в зеро блоке позволяют удобно организовать информацию, обеспечивая посетителям легкий доступ к различным разделам без необходимости прокрутки страницы.

Вкладки в зеро блоке — это интерактивные элементы, которые можно настроить для переключения между группами контента в рамках одного zero block. Этот подход часто используется для отображения услуг, тарифов или другой информации, требующей структурирования. Этого в Tilda Publishing можно добиться с помощью нашей модификации для тильды.

Как создать вкладки в зеро блоке Tilda Publishing

  1. Создайте зеро блок
  2. Создайте в нем контент для отображения в первой вкладке
  3. Выделите весь контент первой вкладки и нажмите комбинацию клавиш Ctrl+G, чтобы сгруппировать элементы
  4. Нажмите левой кнопкой мыши на группу, в правом меню, в выпадающем списке GROUP выберите Object
  5. Нажмите правой кнопкой мыши на группу и выберите Add CSS Class Name
  6. В появившемся поле пропишите класс zero-slide
  7. Адаптируйте группу для всех экранов
  8. Продублируйте эту группу. Копия группы будет контентом для второй вкладки. Каждая группа – отдельный контент для отдельной вкладки
  9. Измените содержимое групп
  10. Выделите все созданные группы и центрируйте их по отношению друг к другу
  11. После этого расположите выделенные группы там, где это требуется
  12. Создайте количество кнопок, равное количеству групп (Add Button)
  13. Присвойте каждой кнопке класс zero-slide-button
  14. В левом меню LAYERS кнопки и группы должно располагаться по убыванию (сначала последняя группа/кнопка, а потом остальные)
  15. После всех блоков на странице создайте HTML блок Т123 скопируйте в него код модификации и опубликуйте страницу

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

Модификация для создания вкладок в зеро блоке тильды

Код доступен только тем, кто зарегистрировался и оплатил подписку
Подписка стоит 400 руб./мес. или 1500 руб. в год
Покупая подписку, ты получаешь:

– доступ ко всем уникальным модификациям
– отключение всей рекламы на сайте
– неограниченный размер загружаемых файлов в LF Cloud

Оформить подписку

Вкладки в зеро блоке Tilda — это мощный инструмент для улучшения структуры и визуального оформления вашего сайта. Благодаря гибкости Zero Block и доступным модификациям для тильды, вы можете создать уникальный дизайн, который подчеркнет стиль вашего бренда. Используйте возможности Tilda Publishing, чтобы сделать ваш сайт удобным и привлекательным для пользователей.

Смотрите обучающие видео уроки по Тильде тут

Читайте также: Пагинация в Tilda