Krible Shelf: Всплывающие уведомления

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

Некоторые стандартные виджеты, такие как Онлайн-консультант, уже содержат в себе встроенные уведомления о поступившем сообщении.

Для индивидуально созданных виджетов, можно добавить уведомления самостоятельно. Просто вызовите функцию KribleLoader.Shelf.showTizer('widget_id', 'message', lifetime) - в любое удобное для этого время.

setTimeout(function() {    KribleLoader.Shelf.showTizer('widget_id','Hello, world!',10); }, 3000);  

Например, уведомление "Hello, world!" появится через 3 секунды с момента инициализации скрипта на странице.

Список принимаемых параметров

  • id виджета, от имени которого нужно вывести уведомление (без префикса krible-shelf-);
  • строка для вывода в уведомлении, может содержать HTML-форматирование и объекты;
  • время жизни уведомления в секундах, по истечении которого - уведомление будет скрыто;
  • дополнительные параметры (в виде JS-объекта):
    • animation: тип анимации, согласно описанию;
    • style: строка css, для оформления вида уведомления;
    • sign: иконка для отображения (начинается с префикса krible_icon-, далее согласно названиям иконок в списке, либо ссылка на внешнюю картинку;
    • force: 0,1 или 2 (2-не скрывает уведомление по таймауту, 1-заставляет показывать уведомление каждый раз, 0-разрешает отображать уведомление не чаще 1 раза за час).
setTimeout(function() {
var message = '<b>Василий Теркин</b><br>Нет, ребята, я не гордый, я согласен на медаль.';
var params = { 
  animation: 'tada',
  sign: 'krible_icon-location',
  style: 'background:red; color:white;'
};
 KribleLoader.Shelf.showTizer('kribleContact', message, 20, params); 
}, 3000);  

Важно! Одновременно на странице может показываться только одно уведомление, все остальные ожидают в очереди.