Julia Sememova

Jan 14, 20221 min

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

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

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

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

Описание

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

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


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

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

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

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

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

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

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

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

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

    622
    25