Перейти к содержимому


Шапка


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 Visdom25

Visdom25

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 158 сообщений

Отправлено 03 Июнь 2016 - 02:17

Здравствуйте!
1. Изменить иконку трубки на какую-нибудь с письмом(email), а тел сменить на электронный адрес. И всё это переместить вправо, на место блока с поиском по сайту (его удалить отовсюду)
2. Чуть правее кнопки "меню" вставить текст. Крупнее Обычного и как выбрать к нему шрифт?
3. Убрать кнопку сравнения.

Прикрепленные изображения

  • 1.png


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Июнь 2016 - 04:07

В шаблоне HTML найдите и удалите:
<!-- Телефон в шапке -->
			  <div class="block-phone">
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				<div class="block-phone-title rhombus">
				  <i class="fa fa-phone" title="Меню">&nbsp;</i>
				</div>
				<div class="block-phone-contact">
				  <span class="phone"><a href="skype:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}?call">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span>
				</div>
				{% ENDIF %}
				{% IF SETTINGS_STORE_EMAIL_MAIN %}
				<div class="block-email-title rhombus">
				  <i class="fa fa-envelope" title="Меню">&nbsp;</i>
				</div>
				<div class="block-email-contact">
				  <span class="email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span>
				</div>
				{% ENDIF %}
			  </div>

Далее найдите:
<!-- Поиск -->
			  <div class="form-search">
				<div class="search-title rhombus">
				  <i class="fa fa-search" title="Поиск по магазину">&nbsp;</i>
				</div>
				<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				  <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину...">
				  <input type="hidden" name="goods_search_field_id" value="0">
				  <button type="submit" title="Искать" class="button search-submit"><i class="fa fa-search"></i></button>
				</form>
			  </div>

замените на:
<!-- email в шапке -->
			  <div class="block-phone">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}
				<div class="block-email-title rhombus">
				  <i class="fa fa-envelope" title="Меню">&nbsp;</i>
				</div>
				<div class="block-email-contact">
				  <span class="email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span>
				</div>
				{% ENDIF %}
			  </div>

В разделе Настройки - Основные добавьте email

Далее найдите:
<!-- Верхнее меню -->
			  <div class="block-menu">
				<div class="block-menu-title rhombus">
				  <i class="fa fa-bookmark-o" title="Меню">&nbsp;</i>
				</div>
				<ul class="block-menu-links">
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>
			  </div>

после него вставьте:
<div style="display: inline-block; font: 20px/45px Arial; float: left; margin: 0px 10%;">Текст</div>

В main.css найдите:
.header-top .block-phone {
	position: relative;
	display: inline-block;
	float: left;
}

замените на:
.header-top .block-phone {
	position: relative;
	display: inline-block;
	float: right;
}
.block-compare {
	display: none !important;
}


#3 Visdom25

Visdom25

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 158 сообщений

Отправлено 05 Июнь 2016 - 17:43

Спасибо.
Нужно сдвинуть блок с текстом влево.
При наведении на иконку письма, вылазит подсказка "меню", убрать ее.

Прикрепленные изображения

  • 1.png


#4 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 05 Июнь 2016 - 17:50

Просмотр сообщенияVisdom25 (05 Июнь 2016 - 17:43) писал:

Спасибо.
Нужно сдвинуть блок с текстом влево.
При наведении на иконку письма, вылазит подсказка "меню", убрать ее.
Здравствуйте.
В шаблоне html найдите код
<div style="display: inline-block; font: 20px/45px Arial; float: left; margin: 0px 10%;">Быстрая накрутка по приятным ценам! </div>
и замените на
<div style="display: inline-block; font: 20px/45px Arial; float: left; margin: 0px 2%;">Быстрая накрутка по приятным ценам! </div>
Так же найдите
<i class="fa fa-envelope" title="Меню">&nbsp;</i>
и замените на
<i class="fa fa-envelope">&nbsp;</i>


#5 Visdom25

Visdom25

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 158 сообщений

Отправлено 05 Июнь 2016 - 18:13

Просмотр сообщенияDanil (05 Июнь 2016 - 17:50) писал:

Здравствуйте.
В шаблоне html найдите код
<div style="display: inline-block; font: 20px/45px Arial; float: left; margin: 0px 10%;">Быстрая накрутка по приятным ценам! </div>
и замените на
<div style="display: inline-block; font: 20px/45px Arial; float: left; margin: 0px 2%;">Быстрая накрутка по приятным ценам! </div>
Так же найдите
<i class="fa fa-envelope" title="Меню">&nbsp;</i>
и замените на
<i class="fa fa-envelope">&nbsp;</i>
спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных