Сообщения

Сообщения необходимы для информирования пользователя об успехе, ошибке или другой информации в системе.
Некоторые сообщения могут содержать иконку для более очевидного их восприятия пользователем.

Статические сообщения

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

<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>

Для и необходим модификатор , иначе сообщение станет динамичным.

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

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

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

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

<button class="ob-button button-green js-push-success">Push message</button>
<button class="ob-button button-red js-push-error">Push message</button>

<script>
    $j(".js-push-success").click(function(){
        messagePush("Test message.", "success");
    });

    $j(".js-push-error").click(function(){
        messagePush("Test message.", "error");
    });
</script>

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

Динамические сообщения (fullscreen) - сообщения с анимацией, которые отображаются на весь экран, за исключением левого меню навигации .
Сообщения отображаються постоянно, закрыть его нельзя.

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

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

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

<button class="ob-button button-green js-push-success">Push message</button>
<button class="ob-button button-red js-push-error">Push message</button>

<script>
    $j(".js-push-success").click(function(){
    messageFullscreenPush("Test message.", "success");
    });

    $j(".js-push-error").click(function(){
    messageFullscreenPush("Test message.", "error");
    });
</script>