Инструкция Виджет "Меню быстрого доступа"

Описание Виджета "Меню быстрого доступа":​

В этой инструкции подробно расскажу как же сделать Меню быстрого доступа.

Установка Виджета "Меню быстрого доступа"​

Начнем с виджета ПУ > Внешний Вид > Виджеты > Добавить виджет > выбираем html
Ключ виджета: ваше название
Заголовок: ваше название
Позиции для отображения: Список разделов: Боковая панель ставим 1 чтобы было на самом верху.
Условия отображения: оставляем пустое значение
Вставляй в шаблон код.

<xf:css>
.block.quick-access-menu .button.button--link {
display: block;
min-width: 210px;
max-width: 330px;
margin: 13px auto;
padding: 1px 0;
width: 100%;
height: 28px;
border: 1px solid #4d5460;
font-size: 15px;
font-weight: 400;
}
.block.quick-access-menu .block-row :first-child {
margin-top: 0px;
}
.block.quick-access-menu .block-row :last-child {
margin-bottom: 0px;
}
</xf:css>

<div class="block quick-access-menu"{{ widget_data($widget) }}>
<div class="block-container">
<h3 class="block-minorHeader"><xf:fa icon="" /> Меню быстрого доступа</h3>
<div class="block-body block-row">
<a class="button button--link" href="ссылка">Правила проекта</a>
<a class="button button--link" href="ссылка">Правила форума</a>
<a class="button button--link" href="ссылка">Жалобы</a>
</div>
</div>
</div>

Дальше включаем Расширенный режим и сохраняем.
В итоге получаем

 

Вставляй в шаблон код. как узнать этот код

 

топ