Изменение шапки в теме 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. Нажать на клавишу F12 на клавиатуре, либо ПКМ по странице и выбрать пункт "Просмотреть код"
    2. Далее в окне Elements поставить курсор на div с идентификатором header-wrapper
    3. Кликаем ПКМ по этому пункту и выбираем пункт Copy -> Copy outerHTML
    4. Так мы узнали содержимое шапки (было скопировано в буфер), далее это содержимое вставляете в блок, предварительно изменив то что нужно было по условиям задачи.
  2. Далее можно просто в содержимое блока вставить нижеследующий код, предварительно его изменив: (базовый шаблон)
    1. Найти в шаблоне email@email.ru и замените на нужное вам:
    2. Найти в шаблоне 88888888888, 8 (8888) 88-88-88 и заменить на нужные вам
    3. Скопировать блок с, далее это содержимое вставляете в блок, предварительно изменив то что нужно было по условиям задачи.
<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>