Вкладки с использованием кода

Одна из самых востребованных функций на wix — это создание вкладок, без перехода на отдельную страницу.


Вкладки с использованием кода wix | Wix Velo

Посмотреть Пример >

Посмотреть в редакторе Wix >


Описание


Это очень удобная и полезная функция для тех, кто планирует размещать на одной странице сразу много контента. Таким образом вам не нужно будет создавать отдельные страницы для каждого блока или размещать информацию в один столбец.


Пример кода для создания вкладки


Скопируйте код

Пошаговая инструкция по созданию вкладок


Добавьте Визуальные элементы:

1. Бокс с несколькими состояниями. В нашем примере их 4.


Бокс с несколькими состояниями

2. На каждое состояние добавьте свой контент.


Создание вкладок на одной странице Wix | Wix Velo

3. Добавьте 4 кнопки, которые будут играть роль вкладок. При нажатии на кнопку будет открываться соответствующее состояние.


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

Работа с кодом Wix

Для начала работы с кодом, вам необходимо активировать Инструменты для Разработчика. Для этого в верхней панели вашего редактора выберите пункт меню "Разработчику" и нажмите "Активировать".


Если у вас есть вопросы — задавайте их под этим постом.