Editor X: использование мультибоксов
4 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Мультибоксы позволяют отображать разный контент для разных ситуаций в одном и том же боксе, отображая одно состояние за раз. Выберите количество состояний бокса, настройте их и присвойте идентификаторы, которые вы позже будете использовать в своем коде.
Ваш код определяет, когда должно отображаться каждое состояние. Вы можете создать условия для автоматического отображения каждого состояния или позволить посетителям перемещаться и выбирать самостоятельно.
Прежде чем начать:
- Поскольку для этой функции требуется код, обязательно активируйте режим Velo для разработчиков (Velo by Wix).
- В настоящее время мультибоксы находятся в режиме бета-тестирования в Editor X. Это означает, что мы все еще работаем над добавлением новых функций и улучшением продукта.
Шаг 1 | Добавьте мультибокс
Сначала добавьте на сайт мультибокс из панели «Добавить». Перетащите его в нужное место на странице.
Как это сделать?
в верхней части Editor X.
Используйте мультибоксы внутри репитеров:
Когда вы добавляете мультибокс в репитер, он автоматически добавляется в Остальные элементы с таким же дизайном. Это полезно для списков с повторяющимися элементами, такими как часто задаваемые вопросы или галереи товаров.
Шаг 2 | Добавьте и настройте состояния
После того, как вы добавили бокс, настройте параметры, которые он отображает. Вы можете настроить эти состояния по своему усмотрению: используйте их для небольших бейджей, таких как наличие товара (например, «Новый», «Нет в наличии»), или создайте совершенно другой дизайн для каждого состояния.
Читайте подробнее:
Выберите и настройте состояние
Добавьте состояние
.Переименуйте состояние
Удалите состояние
Измените порядок состояний
вверх или вниз, чтобы изменить порядок состояний.
Совет по дизайну:
Состояния могут иметь разные параметры высоты, что позволяет, например, отображать дополнительную информацию. Однако ширина состояний всегда остается неизменной.
Шаг 3 | Добавить код в режиме разработчика
Последний шаг к созданию функционального мультибокса - это добавление кода, который контролирует появление каждого состояния.
С помощью функций и событий, доступных в Velo API (на английском языке) для мультибоксов, вы можете определить и реализовать правила для отображения состояний и навигации по ним.
Важно:
При добавлении соответствующего кода убедитесь, что вы правильно написали идентификаторы состояний, с тем же написанием и заглавными буквами.
Далее:
Была ли статья полезна?
|