MY SPELE
+380678383535
team@spele.ua

Сообщения

Статические сообщения - сообщения в виде блоков, могут находиться в любой части контента.

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

<div class="shop-message-success visible">Test message.</div>
<div class="shop-message-error visible">Test message.</div>
<div class="shop-message-info">Test message.</div>
<div class="shop-message-warning">Test message.</div>
<div class="shop-message-light">Test message.</div>

Для .shop-message-success и .shop-message-error необходим модификатор .visible , иначе сообщение станет динамичным.

 

Динамические сообщения

Динамические сообщения - сообщения с анимацией, которые "прилетают" из нижней части экрана. Сообщения об успехе отображается 3 секунды и автоматически скрывается.

Сообщение об ошибке отображается постоянно, но его можно скрыть, кликнув на него.

Данные блоки сообщений можно применять, к примеру, при отправке формы. Анимированый блок с большей вероятностью привлечет внимание пользователя и скоректирует его дальнейшие действия.  Динамические сообщения достаточно просты в инициализации, - достаточно просто передать функции тело сообщения и его тип, как в примере ниже:

 

messagePush("Test message.", "error");
messagePush("Test message.", "success");

где error и success - это типы сообщений.