Krible Shelf: тонкая настройка

Shelf - от английского ::ʃelf:: - Полка, стеллаж. Это продукт компании Krible, позволяющий размещать на веб-сайтах виджеты: "Онлайн-консультант", "Звонок с сайта", "Телепортатор" и т.д., в едином стиле с соблюдением общих свойств в поведении.

Полка состоит из полоски, зафиксированной к нижней части окна браузера и не требует установки какого-либо дополнительного ПО со стороны посетителя сайта. Полка разделена на сегменты в которые интегрируются виджеты. Виджеты могут находиться в двух состояниях: развернутом и свернутом. Клик по сегменту Полки приведет к активации виджета, с возможным развертыванием содержимого виджета.

Для активации Полки на сайте нужно разместить общий код сервиса Krible, который доступен в личном кабинете.

<script src="//cdn.krible.com/loader?code=xxxxxx"></script> 

Полка может быть цветной, либо прозрачной.

Полка может быть цветной, либо прозрачной.

Размер Полки составляет 100% по ширине и 40 точек по высоте. Допускается отступ от левого и правого края окна браузера в 10 точек.

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

Если виджеты не умещаются по ширине экрана, то Полка сворачивается в режим отображения иконок. При наведении курсора на икноку - выведется всплывающая подсказка с названием виджета.

В личном кабинете на сайте www.krible.com можно редактировать только базовые настройки. Для более тонкой подгонки внешнего вида Полки нужно в теле документа сайта создать JavaScript-объект KribleLoader.config и прописать в него параметры конфигурации Полки.

<script>  
var KribleLoader = {  
  config: {
    cfgShelf: {
      visible: 1           // прозрачная или цветная
      height: '40px',      // высота Полки
      iconsEnable: 1      // иконки разрешены
    }
  }
}
</script>