Боковой блок для чата

Боковой блок для чата

Если прокрутить то блок будет стоять так же  на месте

Буду краток: откройте свой стиль - Шаблоны и в поиск вставьте chatcontent у вас откроется bimchatbox - front - chat - main

Всё  содержимое замените на

{{$ann = \IPS\Application::load('bimchatbox')->announcement();}}

<div data-controller="bim.chatbox">
	<h2 class="ipsType_sectionTitle ipsType_reset" id="elChatbox" >
		<ul class="ipsPos_right ipsList_inline ipsList_noSpacing">
			<li>
				<a href="#" class="cbBtn" data-action="toggleSound" data-ipstooltip="" title='{lang="chatbox_togglesound"}'><i class="fa fa-volume-up"></i></a>
			</li>
			{{if \IPS\Application::load('bimchatbox')->can_Manage()}}
				<li>
					<a href="#" class="cbBtn" data-ipsDialog data-ipsDialog-url='{url="app=bimchatbox&module=chatbox&controller=chatbox&do=cbmanage"}' data-ipsDialog-size='narrow' data-ipstooltip="" title='{lang="chatbox_management"}'><i class="fa fa-wrench"></i></a>			
				</li>
			{{endif}}		
		</ul>
		<div>{lang="chatbox_title"}</div>	
	</h2>
	
	<div id="elChatboxContent">
		{{if $ann}}
			<div class="cbAnn ipsClearfix">
				{{if settings.chatbox_conf_anntab == 1}}
					<a href="#" data-ipsDialog data-ipsDialog-url='{url="app=bimchatbox&module=chatbox&controller=chatbox&do=cbrules"}' data-ipsDialog-size='narrow'>
						<i class="fa fa-bullhorn" aria-hidden="true"></i>&nbsp;&nbsp;{lang="chatbox_rules_link"}
					</a>
				{{else}}
					{$ann|raw}
				{{endif}}
			</div>
		{{endif}}
		
		{{if settings.chatbox_conf_ordertop == 1}}
			{template="chatform" app="bimchatbox" group="chat" params="$chat, $orientation"}
		{{endif}}			
		
		<div id='chatboxWrap' {{if settings.chatbox_conf_height}}style='height: {setting="chatbox_conf_height"}px !important;'{{endif}}>
			{{if settings.chatbox_conf_ordertop != 1}}
				<div id='loadMore' data-action='loadMore' class='ipsAreaBackground_light ipsPad_half ipsType_center ipsCursor_pointer ipsClear'>{lang="cb_loadmore"}</div>
			{{endif}}
			<div class="ipsPos_left cChatboxLeftMenu">
              
Тут вставляем свой текст или HTML 

        </div>
			<ul id='chatcontent' class="ipsDataList ipsDataList_reducedSpacing ipsLoading ipsPos_left">
			
			</ul>
			{{if settings.chatbox_conf_ordertop == 1}}
				<div id='loadMore' data-action='loadMore' class='ipsAreaBackground_light ipsPad_half ipsType_center ipsCursor_pointer ipsClear'>{lang="cb_loadmore"}</div>
			{{endif}}				
		</div>
		
		{{if settings.chatbox_conf_ordertop != 1}}
			{template="chatform" app="bimchatbox" group="chat" params="$chat, $orientation"}
		{{endif}}
	</div>
</div>

Где написано "Тут вставляем свой текст или HTML" заменяете.

Далее в custom.css

.cChatboxLeftMenu {
    width: 200px;
    position: sticky;
    top: 0;
}

#chatcontent {
    width: calc(100% - 200px);
}

На этом всё

Демо где стоит этот блок: zone-cs.ru