Вкладки в зеро блоке Тильды
Создание вкладок в зеро блоке Tilda Publishing — это отличное решение для улучшения интерфейса и структуры контента на вашем сайте. Вкладки в зеро блоке позволяют удобно организовать информацию, обеспечивая посетителям легкий доступ к различным разделам без необходимости прокрутки страницы.
Вкладки в зеро блоке — это интерактивные элементы, которые можно настроить для переключения между группами контента в рамках одного zero block. Этот подход часто используется для отображения услуг, тарифов или другой информации, требующей структурирования. Этого в Tilda Publishing можно добиться с помощью нашей модификации для тильды.
- Код
- Инструкции
- Пример
- Подробнее
Модификация для создания вкладок в зеро блоке тильды
Как создать вкладки в зеро блоке Tilda Publishing
- Создайте зеро блок
- Создайте в нем контент для отображения в первой вкладке
- Выделите весь контент первой вкладки и нажмите комбинацию клавиш Ctrl+G, чтобы сгруппировать элементы
- Нажмите левой кнопкой мыши на группу, в правом меню, в выпадающем списке GROUP выберите Object
- Нажмите правой кнопкой мыши на группу и выберите Add CSS Class Name
- В появившемся поле пропишите класс zero-slide
- Адаптируйте группу для всех экранов
- Продублируйте эту группу. Копия группы будет контентом для второй вкладки. Каждая группа – отдельный контент для отдельной вкладки
- Измените содержимое групп
- Выделите все созданные группы и центрируйте их по отношению друг к другу
- После этого расположите выделенные группы там, где это требуется
- Создайте количество кнопок, равное количеству групп (Add Button)
- Присвойте каждой кнопке класс zero-slide-button
- Настройте цвет фона кнопок и цвет текста кнопок при наведении в меню НАВЕДЕНИЕ
- В левом меню LAYERS кнопки и группы должно располагаться по убыванию (сначала последняя группа/кнопка, а потом остальные)
- После всех блоков на странице создайте HTML блок Т123 скопируйте в него код модификации и опубликуйте страницу
В коде можно стилизовать внешний вид активных вкладок. Код работает с неограниченным количеством зеро блоков с вкладками внутри.
Вкладки в зеро блоке Tilda — это мощный инструмент для улучшения структуры и визуального оформления вашего сайта. Благодаря гибкости Zero Block и доступным модификациям для тильды, вы можете создать уникальный дизайн, который подчеркнет стиль вашего бренда. Используйте возможности Tilda Publishing, чтобы сделать ваш сайт удобным и привлекательным для пользователей.
