Переместить "заказать Звонок" И Номер Телефона

Доброго времени суток.

Задался вопросом - как изменить положение номера телефона и кнопки "Заказать звонок" в шапке (или как называется верхняя часть сайта...).

Как было:

Нужно сделать так, как на изображении показано:

То есть под логотипом время работы интернет-магазина нужно переместить на место блока с контактами, добавив строкой ниже слова "7 дней в неделю", а сами контакты (номер телефона и кнопка заказа звонка) поместить в одну строчку на место времени (то есть под логотипом).

И в добавок: увеличить размер номера телефона и слов "Заказать звонок".

В шаблоне HTML найдите:

<ul>
				<li class="title"><a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><span>Заказать</span> звонок</a></li>
				{% IF SETTINGS_STORE_ICQ %}<li class="headerIcq"><img class="valignMiddle" {% IF SETTINGS_STORE_ICQ_ONLY_DIGITS %}src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27"{% ENDIF %} alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
				<li class="skype">{% IF SETTINGS_STORE_SKYPE %}<span>Skype:&nbsp;</span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a>{% ENDIF %}</li>
				<li class="phone">
					<span class="phoneNum">
					  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a class="tel1" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>{%ENDIF%}
					  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<a class="tel2" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"><span class="telColor">&nbsp;|&nbsp;</span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>{%ENDIF%}
					  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<a class="tel3" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"><span class="telColor">&nbsp;|&nbsp;</span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>{%ENDIF%}
					</span>
				</li>
			   
			</ul>

замените на:

<ul>
				<li>
	<span>Работает {SETTINGS_STORE_WORK_TIME}</span>
				</li>
	<li>
	<span>7 дней в неделю</span>
				</li>
			   
			</ul>

далее найдите:

{% IF SETTINGS_STORE_WORK_TIME %}<div class="headcent over fleft txtalgncnt fnt14 fmlptn"><span>Работает {SETTINGS_STORE_WORK_TIME}</span></div>{% ENDIF %}

замените на:

<div class="headcent over fleft txtalgncnt fnt14 fmlptn">
<ul>
				<li class="title"><a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><span>Заказать</span> звонок</a></li>
			   
				<li class="phone">
					<span class="phoneNum">
					  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a class="tel1" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>{%ENDIF%}
					  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<a class="tel2" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"><span class="telColor">&nbsp;|&nbsp;</span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>{%ENDIF%}
					  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<a class="tel3" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"><span class="telColor">&nbsp;|&nbsp;</span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>{%ENDIF%}
					</span>
				</li>
			   
			</ul>
</div>

далее в main.css найдите:

#header .bottommain .headleft { color:#5a5a5a; width: 33.3%; padding: 0.7% 0 0 0;  margin-left: 3%; overflow: visible;}
#header .bottommain .headright a, #header .bottommain .headleft a, #header .bottommain .headright ul li.title a span { color:#b480c8; text-decoration:none; }
#header .bottommain .headleft, #header .bottommain .headright ul li.title { text-transform:uppercase; }
#header .bottommain .headleft ul li.title , #header .bottommain .headright ul li.title { display:block; background:url({ASSETS_IMAGES_PATH}header-shadow.jpg?design=joy) bottom center no-repeat; padding-bottom: 1%; margin-bottom: 0.2%; }
#header .bottommain .headleft ul li.title a, #header .bottommain .headright ul li.title a { background:url({ASSETS_IMAGES_PATH}range-black.png?design=joy) 0 8px  no-repeat; }
#header .bottommain .headleft ul li.title a:hover, #header .bottommain .headright ul li.title a:hover { background:url({ASSETS_IMAGES_PATH}range-purple.png?design=joy) 0 8px  no-repeat; }
#header .bottommain .headleft ul li.title span, #header .bottommain .headright ul li.title span { color:#5a5a5a; font-weight:bold;  padding-left:10px; }
#header .bottommain .headleft ul li.title a { color:#5a5a5a; }
#header .bottommain .headleft ul li em { color:#5a5a5a; font-weight:bold; margin-right:7px; }
#header .bottommain .headleft ul li, #header .bottommain .headright ul li { padding-bottom: 0.3%;  }
#header .bottommain .headleft span, #header .bottommain .headright span, #header .bottommain .headleft a  { color:#8eac07; }
#header .bottommain .headleft span.telColor {
  color: #5a5a5a;
}
.headerIcq img {
  margin: 0px 4px 3px 0px;
}
#header .bottommain .headcent { width: 25%;  height:20px; margin-top: 6.5%; padding: 0 1.5%; color:#5a5a5a; }

замените на:

#header .bottommain .headleft { color:#5a5a5a; width: 33.3%; padding: 0.7% 0 0 0;  margin-left: 3%; overflow: visible;}
#header .bottommain .headright a, #header .bottommain .headcent a, #header .bottommain .headright ul li.title a span { color:#b480c8; text-decoration:none; }
#header .bottommain .headcent, #header .bottommain .headright ul li.title { text-transform:uppercase; }
#header .bottommain .headcent ul li.title , #header .bottommain .headright ul li.title { display:block; background:url({ASSETS_IMAGES_PATH}header-shadow.jpg?design=joy) bottom center no-repeat; padding-bottom: 1%; margin-bottom: 0.2%; }
#header .bottommain .headcent ul li.title a, #header .bottommain .headright ul li.title a { background:url({ASSETS_IMAGES_PATH}range-black.png?design=joy) 0 8px  no-repeat; }
#header .bottommain .headcent ul li.title a:hover, #header .bottommain .headright ul li.title a:hover { background:url({ASSETS_IMAGES_PATH}range-purple.png?design=joy) 0 8px  no-repeat; }
#header .bottommain .headcent ul li.title span, #header .bottommain .headright ul li.title span { color:#5a5a5a; font-weight:bold;  padding-left:10px; }
#header .bottommain .headcent ul li.title a { color:#5a5a5a; }
#header .bottommain .headcent ul li em { color:#5a5a5a; font-weight:bold; margin-right:7px; }
#header .bottommain .headcent ul li, #header .bottommain .headright ul li { padding-bottom: 0.3%;  }
#header .bottommain .headcent span, #header .bottommain .headright span, #header .bottommain .headcent a  { color:#8eac07; }
#header .bottommain .headcent span.telColor {
  color: #5a5a5a;
}
#header .bottommain .headcent ul li{display: inline;}
.headerIcq img {
  margin: 0px 4px 3px 0px;
}
#header .bottommain .headcent { width: 25%;  height:20px; margin-top: 6.5%; padding: 0 1.5%; color:#5a5a5a; }

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Маркетплейс → Главная → Добавление В Шапку Сайта Почты И Сделать Крупно Номер Телефона Автор Гость_Art_* , 05 марта 2021 банер, телефон, почта, бренд и 2 еще...	Популярная тема 9 Ответов 886 Просмотров	Vaccina 18 марта 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Изменение общей стилистики → Добавил Элементы В Шапке Автор Гость_like.hornet.6_* , 22 авг. 2019 шапка, добавить, элементы	0 Ответов 1 538 Просмотров	like.hornet.6 22 авг. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Изменение общей стилистики → Ссылки На Странице В Шапке Автор Гость_vproekt_* , 10 апр. 2019 шапка	0 Ответов 1 633 Просмотров	vproekt 10 апр. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Осень → Нужна Помощь Редактировании Шаблона Осень Автор Гость_Olga1215_* , 16 нояб. 2018 осень, шапка, фон сайта и 4 еще...	0 Ответов 3 134 Просмотров	Olga1215 16 нояб. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Рассвет → Как Изменить Расположение Объектов На Первом Экране Автор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип	1 Ответ 2 354 Просмотров	Vaccina 26 окт. 2018

#1 like.hornet.6

#2 Vaccina

#3 like.hornet.6

Темы с аналогичным тегами шапка

Добавление В Шапку Сайта Почты И Сделать Крупно Номер Телефона

Добавил Элементы В Шапке

Ссылки На Странице В Шапке

Нужна Помощь Редактировании Шаблона Осень

Как Изменить Расположение Объектов На Первом Экране

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

Google поиск

Переместить "заказать Звонок" И Номер Телефона

Темы с аналогичным тегами шапка

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

Войти

Google поиск