МОДЫ xF2 [cXF] Buttons for Widget Homepage header position
- Модификации xF2.x.x
- 0 Скачиваний
- 0 Оценка
В поле Условие отображения добавьте: $ xf.visitor.user_id
Это означает, что виджет будет отображаться только зарегистрированным пользователям.
В поле Шаблон добавьте это:
HTML:
<div class="wh-header-buttons-container">
<a class="wh-header-buttons-1" href="{{ link('/forums/private-cxf-support-and-questions.60/post-thread') }}"><i class="far fa-edit" aria-hidden="true"></i> Get support or ask a question</a>
</div>
<div class="wh-header-buttons-container">
<a class="wh-header-buttons-2" href="{{ link('resources/') }}"><i class="far fa-download" aria-hidden="true"></i> Our add-ons</a>
</div>
<div class="wh-header-buttons-container">
<a class="wh-header-buttons-3" href="{{ link('/account/upgrades') }}"><i class="fas fa-star" aria-hidden="true"></i> Membership</a>
</div>Обязательно проверьте это в конце:
Добавьте модификацию код в шаблон extra.less:
Less:
[data-template="cxf_widget_homepage"] {
.wh-header-buttons-container {
display: flex;
flex-direction: column;
flex: 1 1 250px;
margin-bottom: 1px;
}
.wh-header-buttons-1 {
color: #ffffff !important;
background: #ff925d;
border: 1px solid #fff;
border-radius: 3px;
padding: 8px;
text-align: center;
margin: 80px 0 10px 0;
opacity: 0.9;
&:hover {
background: #4A4E51;
text-decoration: none;
}
}
.wh-header-buttons-2 {
color: #ffffff !important;
background: #ff535b;
border: 1px solid #fff;
border-radius: 3px;
padding: 8px;
text-align: center;
margin: 10px 0;
opacity: 0.9;
&:hover {
background: #4A4E51;
text-decoration: none;
}
}
.wh-header-buttons-3 {
color: #ffffff !important;
background: #67318b;
border: 1px solid #fff;
border-radius: 3px;
padding: 8px;
text-align: center;
margin: 10px 0;
opacity: 0.9;
&:hover {
background: #4A4E51;
text-decoration: none;
}
}
}
