Статические сообщения - сообщения в виде блоков, могут находиться в любой части контента.
Такие блоки могут быть использованы в контенте, для вывода важной информации.
<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 - это типы сообщений.