+7 495 008 8452
  • Загрузка
Выберите ваш цвет

Фиксированная панель и админ панель битрикса

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


Фиксим плавающую панель сайта и панель админки Битрикса

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

Вот маленький js скрипт способный решить указанную проблему (используем только BitrixJS :) )

shef-panel - ID Вашей панельки

Переменные
  • minTop = '40px' - высота панельки Битрикса, когда она свернута
  • maxTop = '147px'; - высота панельки Битрикса, когда она развернута
Эти значения будут добавлены в style.top вашей панельки

События
  • onTopPanelFix - обработчик фиксирования панели
  • onTopPanelCollapse - обработчик сворачивания/разварачивания панели Битрикса
<script>
      BX.ready(function(){
      var obShefPanel = BX('shef-panel');
         if(!!obShefPanel){
            var minTop = '40px', maxTop = '147px';
            if(BX.admin.panel.isFixed() === true){
               if(BX.admin.panel.state.collapsed === true){ 
                  obShefPanel.style.top = minTop; 
               }else{ 
                  obShefPanel.style.top = maxTop;
               }
            }else{
               obShefPanel.style.top = '0';
            }
            BX.addCustomEvent('onTopPanelCollapse', BX.delegate(function(data){
               if(BX.admin.panel.isFixed() === true){
                  if(data === true){
                     obShefPanel.style.top = minTop;
                  }else{
                     obShefPanel.style.top = maxTop;
                  }
               }else{
                  obShefPanel.style.top = '0';
               }
            }, this));
            BX.addCustomEvent('onTopPanelFix', BX.delegate(function(data){
               if(data === true){
                  if(BX.admin.panel.state.collapsed === true){
                     obShefPanel.style.top = minTop;
                  }else{
                     obShefPanel.style.top = maxTop;
                  }
               }else{
                  obShefPanel.style.top = '0';
               }
            }, this));
         }
      });
</script>
 
Подключать можно так:
<?if($GLOBALS["USER"]->IsAuthorized()):?>
   <?$APPLICATION->ShowPanel();?>
        <script>/*/ --- сюда вставляем JS код --- //*/</script> 
<?endif;?>
Т.е. пробовать панельку показывать и обрабатывать как минимум для авторизовавшихся пользователей ))

 

 

Источник: https://dev.1c-bitrix.ru/community/webdev/user/208164/blog/8479/

Назад в раздел

Подписаться на новые материалы раздела:
Загрузка...