Изменение шапки в теме Default

Администратор Development

Управление шапкой в теме Default

Содержание

  1. Вывод через элемент
    1. Управление блока с логотипом
    2. Управление блоком информации
      1. Вывод телефонов и email
      2. Свой вывод
    3. Управление блока с кнопкой
      1. Настройка вывода кнопок
      2. Свой вывод
  2. Полная замена через блоки

Вывод через элемент

В системе уже присуствует регион с алиасом site_header.
Также имеет блок с алиасом site_header_block.
В поле Element проставлено значение header.
Можно удалить данный блок, тогда шапка будет выводиться программно через element header

Непострественно сам логотип выводится из настройки Site.logo, если настройка пустая либо отсутвует то логотип выводится из шаблона!

Имеется вывод названия сайта из настройки Site.site_name

Имеется вывод слогана из настройки Site.slogan

Управление блоком информации

Вывод телефонов и email

Данная шапка поддерживает вывод из коробки до 3 телефонов и почты:
По умолчанию выводятся только первый телефон из настройки Site.phone,
Для почты такая же ситуация, выводится из настройки Site.email.
Чтобы вывести больше телефонов нужно создать такие настройки:
Телефоны: Site.phone2, Site.phone3.
Почта: Site.email2, Site.email3.

Свой вывод

Чтобы заменить содержимое данного блока, необходимо создать регион с алиасом header, если он отсуствует, далее создать блок с алиасом info, и через Источник вставить свое содержимое, сохранить блок!

Управление блока с кнопкой

Настройка вывода кнопок

Из коробки можно в данном блоке вывести одну либо две кнопки:
1) Кнопка "Подать объявление" 2) Кнопка "Подать заявку"
По умолчанию выводится кнопка "Подать объявление".
Чтобы вывести кнопку "Подать заявку" дополнительно под кнопкой "Подать объявление", нужно включить настройку Site.headerAppendAddBid
Чтобы вывести кнопку "Подать заявку" вместо кнопки "Подать объявление", нужно включить настройку Site.headerButtonAddBid
Также данные кнопки можно переименовать: (домен default) через TranslateManager
Ключ - Add new advertisement
Ключ - Add new bid

Свой вывод

Чтобы заменить содержимое данного блока, необходимо создать регион с алиасом header, если он отсуствует, далее создать блок с алиасом right, и через Источник вставить свое содержимое, сохранить блок!

Полная замена через блоки

Для того чтобы полностью заменить шапку на свое содержимое нужно сделать следующее:
Если вышенаписанное не устраивает в должной мере, например нужно полностью убрать вывод лого, либо вообще кардинальное изменение блока с шапкой, если например убрать лого можно через индивидуальные стили сайта, но задаче требуется полностбю его убрать, чтобы даже в верстке не отображался логотип, можно пойти следующим путями:
В системе уже присуствует регион с алиасом site_header.
Также имеет блок с алиасом site_header_block.
Для дальнейшей работы нужно очистить поле Element.
Вставить код шапки в поле Содержание страницы через Источник и сохранить блок!

  1. Вставить код в блок
    1. На вкладке Params ввести disabledCkEditor=1
    2. В поле Element вставить Twig.twig_block, при этом плагин Twig должен быть включен ​​
{% set block = _view.loadHelper('Block') %}
<div id="header-wrapper">
    <header id="header">
        <div id="header-inner">
            <div class="container">
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="row">
                            <a href="#nav" class="hidden-desktop" id="btn-nav">Toggle navigation</a>
                            <div class="logo-wrapper span4">
                                <div class="logo">
                                    <a href="/">
                                        <img src="/theme/Default/img/lazyload_preloader.png" data-src="{{ config.Site.logo ?: '/img/logo.png' }}" alt="{{ config.Site.site_name }}">
                                    </a>
                                </div>
                                {% if config.Site.site_name %}
                                    <div class="site-name"><a href="/" title="Home" class="brand">{{ config.Site.site_name }}</a></div>
                                {% endif %}
                                {% if config.Site.slogan %}
                                    <div class="site-slogan"><span>{{ config.Site.slogan }}</span></div>
                                {% endif %}
                            </div>
                            {% set headerInfoBlock = block.getAlias('header', 'info', 'body') %}
                            {% if headerInfoBlock %}
                                <div class="info">
                                    {{ headerInfoBlock }}
                                </div>
                            {% else %}
                                <div class="info">
                                    {% if config.Site.email or config.Site.email2 or config.Site.email3 %}
                                        <div class="info middle">
                                            {% if config.Site.email %}
                                                <div class="site-email"><a href="mailto:{{ config.Site.email }}">{{ config.Site.email }}</a></div>
                                            {% endif %}
                                            {% if config.Site.email2 %}
                                                <div class="site-email"><a href="mailto:{{ config.Site.email2 }}">{{ config.Site.email2 }}</a></div>
                                            {% endif %}
                                            {% if config.Site.email3 %}
                                                <div class="site-email"><a href="mailto:{{ config.Site.email3 }}">{{ config.Site.email3 }}</a></div>
                                            {% endif %}
                                        </div>
                                    {% endif %}
                                    {% if config.Site.phone or config.Site.phone2 or config.Site.phone3 %}
                                        <div class="info middle">
                                            {% if config.Site.phone %}
                                                <div class="site-phone"><span><a href="tel:{{ config.Site.phone }}">{{ config.Site.phone }}</a></span></div>
                                            {% endif %}
                                            {% if config.Site.phone2 %}
                                                <div class="site-phone"><span><a href="tel:{{ config.Site.phone2 }}">{{ config.Site.phone2 }}</a></span></div>
                                            {% endif %}
                                            {% if config.Site.phone3 %}
                                                <div class="site-phone"><span><a href="tel:{{ config.Site.phone3 }}">{{ config.Site.phone3 }}</a></span></div>
                                            {% endif %}
                                        </div>
                                    {% endif %}
                                </div>
                            {% endif %}
                            {% set headerRightBlock = block.getAlias('header', 'right', 'body') %}
                            {% if headerRightBlock %}
                                <div class="right-block">
                                    {{ headerRightBlock }}
                                </div>
                            {% else %}
                                {% if config.Site.headerButtonAddBid %}
                                    <a href="/agency/bids/add" class="btn btn-primary btn-large list-your-property arrow-right">{{ 'Add new bid'|__ }}</a>
                                {% else if config.Site.headerAppendAddBid %}
                                    <div class="add-two-btn">
                                        <a href="/agency/realty/add" class="btn btn-primary btn-large list-your-property arrow-right">{{ 'Add new advertisement'|__ }}</a>
                                        <a href="/agency/bids/add" class="btn btn-primary btn-large list-your-property arrow-right">{{ 'Add new bid'|__ }}</a>
                                    </div>
                                {% else %}
                                    <a href="/agency/realty/add" class="btn btn-primary btn-large list-your-property arrow-right">{{ 'Add new advertisement'|__ }}</a>
                                {% endif %}
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
</div>
​