Editor X: использование мультибоксов

4 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Мультибоксы позволяют отображать разный контент для разных ситуаций в одном и том же боксе, отображая одно состояние за раз. Выберите количество состояний бокса, настройте их и присвойте идентификаторы, которые вы позже будете использовать в своем коде.
Ваш код определяет, когда должно отображаться каждое состояние. Вы можете создать условия для автоматического отображения каждого состояния или позволить посетителям перемещаться и выбирать самостоятельно.
Прежде чем начать:
  • Поскольку для этой функции требуется код, обязательно активируйте режим Velo для разработчиков (Velo by Wix).
  • В настоящее время мультибоксы находятся в режиме бета-тестирования в Editor X. Это означает, что мы все еще работаем над добавлением новых функций и улучшением продукта.

Шаг 1 | Добавьте мультибокс

Сначала добавьте на сайт мультибокс из панели «Добавить». Перетащите его в нужное место на странице.
Используйте мультибоксы внутри репитеров:
Когда вы добавляете мультибокс в репитер, он автоматически добавляется в Остальные элементы с таким же дизайном. Это полезно для списков с повторяющимися элементами, такими как часто задаваемые вопросы или галереи товаров.

Шаг 2 | Добавьте и настройте состояния

После того, как вы добавили бокс, настройте параметры, которые он отображает. Вы можете настроить эти состояния по своему усмотрению: используйте их для небольших бейджей, таких как наличие товара (например, «Новый», «Нет в наличии»), или создайте совершенно другой дизайн для каждого состояния.
Читайте подробнее:
Совет по дизайну:
Состояния могут иметь разные параметры высоты, что позволяет, например, отображать дополнительную информацию. Однако ширина состояний всегда остается неизменной.

Шаг 3 | Добавить код в режиме разработчика

Последний шаг к созданию функционального мультибокса - это добавление кода, который контролирует появление каждого состояния.
С помощью функций и событий, доступных в Velo API (на английском языке) для мультибоксов, вы можете определить и реализовать правила для отображения состояний и навигации по ним.
Важно:
При добавлении соответствующего кода убедитесь, что вы правильно написали идентификаторы состояний, с тем же написанием и заглавными буквами.

Была ли статья полезна?

|