Мануал 2.x Выводим выбор стиля иконками в шапку форума

[23808]

Ремарка: модификация ниже подойдёт, если у вас два стиля. Если стилей больше, то нужно будет править код

Создаём модификацию шаблона PAGE_CONTAINER

Найти: <div class="p-nav-opposite">

Заменить:

$0
    <div class="custom-chooser p-navgroup">
        <xf:if is="{$xf.visitor.style_id} == 6">
            <a class="p-navgroup-link" href="{{ link('misc/style', null, {'style_id': 1,'_xfRedirect': $xf.fullUri,'t': csrf_token()}) }}">
                <i class="fas fa-sun"></i>
            </a>
        </xf:if>
        <xf:if is="{$xf.visitor.style_id} == 1 OR {$xf.visitor.style_id} == 'default'">
            <a class="p-navgroup-link" href="{{ link('misc/style', null, {'style_id': 6,'_xfRedirect': $xf.fullUri,'t': csrf_token()}) }}">
                <i class="fas fa-moon"></i>
            </a>
        </xf:if>
    </div>

<xf:if is="{$xf.visitor.style_id} == 6"> — айди "темного" стиля (когда у пользователя выбран он, отображается иконка солнца
<xf:if is="{$xf.visitor.style_id} == 1 OR {$xf.visitor.style_id} == 'default'"> — стиль по дефолту, в моём случае светлый, и его айди (По умолчанию гость, который впервые заходит на сайт, использует стиль default, после чего в случае выбора стиля, работают условия с числовыми айди. Без этого уточнения у новых посетителей не будет отображаться иконка, пока они не выберут какой-то стиль в футере и движок это не запомнит).

Добавляем в extra.less код для того, чтобы иконка была самой правой в меню и имела отступ слева

.custom-chooser {
    float: right;
    margin-left: 5px;
}

На ПК, залогиненный пользователь:

На ПК, гость:

На мобилке с шириной экрана в 320px, залогиненный пользователь:

На мобилке с шириной экрана в 320px, гость:

При выборе стиля перезагружается страница, но не происходит редиректа на главную (пользователь остаётся на той же странице)

 

[BarickJocker]

Мне понравилась в полне качественно сделанно

 

[Goldcs]

Круто, спасибо

 

[Goldcs]

Жалко лайк не могу поставить

 

[REV-9]

топ

 

[makarov]

а ты делал тему как добавить сюда доп кнопки?

к примеру для модераторов репорты или примодерку

 

[howtomw]

годно