Анимированные волны и Анимированные частицы представляют собой декоративные полосы. Волны создают мягкую движущуюся границу между двумя секциями. Частицы заполняют полосу медленно плывущими фигурами, например снегом или пузырьками.
Добавьте полосу
В конструкторе откройте вкладку Секции, нажмите Добавить новую секцию и выберите Анимированные волны или Анимированные частицы в группе Декор. Перетащите полосу между двумя секциями, которые хотите разделить. Можно добавить до 5 полос каждого вида на страницу, на любой странице.
Анимированные волны
Волны
- Стиль: Мягкие, Спокойные, Бурные, Пики, Зигзаг или Округлые.
- Высота: от 40 до 300 пикселей.
- Слои: от 1 до 4 волн друг над другом. Больше слоев дают больше глубины.
- Скорость: Медленная, Нормальный или Быстрая.
Макет
- Объединить с шапкой: убирает фон полосы, чтобы она выглядела частью шапки над ней. Поставьте полосу сразу под шапкой, чтобы получить волнистый край шапки.
- Отразить по вертикали: переворачивает волны, чтобы они сливались с секцией выше, а не ниже.
- Направление: Слева или Справа, в какую сторону движутся волны.
- Перекрытие: от 0 до 120 пикселей. Надвигает полосу на следующую секцию, чтобы скрыть видимую линию между ними.
- Ширина: Полный (по умолчанию) или Страница.
Анимированные частицы
- Форма: Точка, Пузырёк, Звезда или Снег.
- Количество: от 5 до 40 частиц. Размер: самая крупная частица, от 2 до 40 пикселей. Остальные меньше.
- Скорость: медленная, нормальная или быстрая. Направление: Вверх (поднимаются, как пузырьки) или Вниз (падают, как снег).
- Прозрачность: от 10% до 100%. Меньшие значения делают эффект мягким за вашим контентом.
- Высота полосы, от 40 до 600 пикселей, и Ширина (полная или страница).
Цвета
Обе полосы берут цвета из выбранной Цветовая схема. Волны используют цвет Фон схемы, а пространство за ними цвет Внутренний фон. У частиц наоборот: частицы используют цвет Внутренний фон, а пространство за ними цвет Фон. Для аккуратного стыка подберите эти два цвета под секции выше и ниже полосы. Схемы редактируются в разделе Цветовые схемы. У обеих полос также есть Отступы (до 200 пикселей с каждой стороны).
Рецепты
- Зимний вид: анимированные частицы с формой "Снег", направлением "Вниз" и низкой прозрачностью под главным баннером.
- Волнистая шапка: анимированные волны сразу под шапкой, с включенным Объединить с шапкой и той же цветовой схемой, что у шапки.
Полезно знать
- Между волнами и следующей секцией видна линия: увеличьте перекрытие или проверьте, совпадают ли цвета схем.
- Движение: покупатели, включившие на устройстве уменьшение движения, видят волны и частицы неподвижными.
- Внутри нет текста: волны и частицы не содержат текста и кнопок. Чтобы показать сообщение, добавьте текстовую секцию рядом с полосой.
- Не перестарайтесь: одна или две полосы на странице оставляют внимание на ваших товарах.