Изменение шапки в теме Default
Управление шапкой в теме Default
Содержание
Вывод через элемент
В системе уже присуствует регион с алиасом 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.
Вставить код шапки в поле Содержание страницы через Источник и сохранить блок!
- Узнать текущее содержимое шапки можно так:
- Нажать на клавишу
F12
на клавиатуре, либо ПКМ по странице и выбрать пункт"Просмотреть код"
- Далее в окне Elements поставить курсор на div с идентификатором
header-wrapper
- Кликаем ПКМ по этому пункту и выбираем пункт Copy -> Copy outerHTML
- Так мы узнали содержимое шапки (было скопировано в буфер), далее это содержимое вставляете в блок, предварительно изменив то что нужно было по условиям задачи.
- Нажать на клавишу
- Далее можно просто в содержимое блока вставить нижеследующий код, предварительно его изменив: (базовый шаблон)
- Найти в шаблоне email@email.ru и замените на нужное вам:
- Найти в шаблоне 88888888888, 8 (8888) 88-88-88 и заменить на нужные вам
- Скопировать блок с, далее это содержимое вставляете в блок, предварительно изменив то что нужно было по условиям задачи.
<div id="header-wrapper"> <header id="header"> <div id="header-inner"> <div class="container"> <div class="navbar"> <div class="navbar-inner"> <div class="row"> <div class="logo-wrapper span4"> <a href="#nav" class="hidden-desktop" id="btn-nav">Toggle navigation</a> <div class="logo"> <a href="/"> <img data-src="/uploads/logo.jpg" alt=""> </a> </div> </div> <div class="info"> <div class="info middle"> <div class="site-email"><a href="mailto:email@email.ru">email@email.ru</a></div> </div> <div class="info middle"> <div class="site-phone"><span><a href="tel:88888888888">8 (8888) 88-88-88</a></span></div> </div> </div> <a href="/agency/realty/add" class="btn btn-primary btn-large list-your-property arrow-right">Подать объявление</a> </div> </div> </div> </div> </div> </header> </div>