Просмотр Исходного

{toc}

h2. Что такое сайдбар?

Сайдбар - это статичный блок на странице, в котором можно разместить виджеты сайта, такие как меню, поиск и так далее. 

_Ниже на скриншоте наглядно показано что такое сайдбар:_
!sidebar_2.png|border=1!

h2. _Где настраиваются сайдбары_

!widget_config.png|border=1,width=1300!

h2. Добавление страницы в сайдбар кабинета.

Допустим Вы хотите добавить страницу "Подписка нa ПО" в левый сайтбар. Для этого нужно:
# Выбрать раздел "Внешний вид" в панели wp-admin;
# Далее "Меню";
# Выберите меню для изменения. Я выбрал "Кабинет-настройки". Нажимаем "Выбрать";
# Далее выберите страницу "Подписка нa ПО" в списке страниц;
# Нажмите "Добавить в меню";
# Страница появится в поле "Структура меню";
# Нажмите кнопку "Сохранить меню", изменения вступят в силу.


!LK_str01.png|border=1!


h3. Кнопка Вкл/Выкл Интернет

Для отображения кнопки необходимо добавить её код в код сайдбара
{code}
<div class="col-xs-13 col-xs-offset-1 block-internet">
<h5>Блокировка интернета</h5>
[cabinet_action_button text="Вкл\\Выкл интернет" action=toggle_user_usluga usluga_id=86]
</div>
{code}

Результат может быть таким:
{code}
[cabinet_user_info_sidebar]
<div class="row">
<div class="col-xs-13 col-xs-offset-1">
<h5>Техническая поддержка</h5>
<a href="/cabinet/Техническая-поддержка/" class="btn btn-primary col-xs-15">Сообщения</a>
[cabinet_helpdesk_ticket_add add_class="col-xs-15"]
</div>
</div>
<hr>
<div class="row">
<style>
.row .block-internet .btn {
width: 100%;
}
</style>
<div class="col-xs-13 col-xs-offset-1 block-internet">
<h5>Блокировка интернета</h5>
[cabinet_action_button text="Вкл\\Выкл интернет" action=toggle_user_usluga usluga_id=86]
</div>
</div>
<hr>

<div class="col-xs-13 col-xs-offset-1">
<a href="/cabinet/welcome/?cabinet_logout=Y" class="btn btn-primary btn-medium">Выйти из кабинета</a>
</div>
{code}
h3. Кнопка блокировки интернета&nbsp;

Для отображения кнопки добавьте код такого вида в сайдбар:
{code}
<div class="col-xs-13 col-xs-offset-1 block-internet">
[cabinet_action_button text="Блокировка интернета" action=toogle_block block_type="b_own2"]
</div>
{code}