Сервисы

Клиентам

Рекламодателям

Личный кабинет

Войти

Мы в соц. сетях

vk telegram youtube dzen rutube

Техническая поддержка

Задать вопрос
Telegram ×
Кастом и апдейты для Tilda
Перейти в Telegram
Без спама

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

Basic

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

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

Создание вкладок в зеро блоке 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. Настройте цвет фона кнопок и цвет текста кнопок при наведении в меню НАВЕДЕНИЕ
  15. В левом меню LAYERS кнопки и группы должно располагаться по убыванию (сначала последняя группа/кнопка, а потом остальные)
  16. После всех блоков на странице создайте HTML блок Т123 скопируйте в него код модификации и опубликуйте страницу

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

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