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


Номер Телефона Или Любой Текст В Шапку


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

#1 SOGOOD

SOGOOD

    Пользователь

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

Отправлено 16 Ноябрь 2017 - 15:35

Добрый день, подскажите как мне добавить текст в шапку.

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

  • Безы232323232мянный.png


#2 metry

metry

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

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

Отправлено 20 Ноябрь 2017 - 10:33

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

	 <div id="header-logo">
	 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
	  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn"  />
	 </a>
	</div>

после него вставьте:

	<div id="header-mob">
			   <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER1}
					</a>
	</div>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

#header-mob{float:left;margin-top: 80px;font-size: 16px;margin-left: 10px;}
#header-mob a{text-decoration:none;}


#3 SOGOOD

SOGOOD

    Пользователь

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

Отправлено 20 Ноябрь 2017 - 15:19

 metry (20 Ноябрь 2017 - 10:33) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

	 <div id="header-logo">
	 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
	 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn" />
	 </a>
</div>

после него вставьте:

<div id="header-mob">
			 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER1}
				 </a>
</div>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

#header-mob{float:left;margin-top: 80px;font-size: 16px;margin-left: 10px;}
#header-mob a{text-decoration:none;}
Пропал логотип

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

  • Безымянн212212ый.png


#4 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

Отправлено 20 Ноябрь 2017 - 15:52

 sogoodfso (20 Ноябрь 2017 - 15:19) писал:

Пропал логотип
Здравствуйте, найдите в шаблоне hTML код
  <div class="container">  
	  <div class="column full" id="header">
			   <div id="header-mob">

замените на
  <div class="container">  
	  <div class="column full" id="header">
		 <div id="header-logo">
		 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
		  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn"  />
		 </a>
		</div>
		<div id="header-mob">


#5 SOGOOD

SOGOOD

    Пользователь

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

Отправлено 21 Ноябрь 2017 - 13:39

Спасибо большое, получилось, а как мне сделать шрифт чуть больше и поднять выше, выровнять со строкой поиска

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

  • Безымянный.png


#6 Firefly

Firefly

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

  • Модераторы
  • 3 753 сообщений

Отправлено 21 Ноябрь 2017 - 14:06

 sogoodfso (21 Ноябрь 2017 - 13:39) писал:

Спасибо большое, получилось, а как мне сделать шрифт чуть больше и поднять выше, выровнять со строкой поиска

Здравствуйте.
В шаблоне main.css найдите код:
#header-mob{float:left;margin-top: 80px;font-size: 16px;margin-left: 10px;}

Замените на:
#header-mob{float:left;margin-top: 60px;font-size: 18px;margin-left: 10px;}


#7 SOGOOD

SOGOOD

    Пользователь

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

Отправлено 21 Ноябрь 2017 - 14:59

 Ирина345 (20 Ноябрь 2017 - 15:52) писал:

Здравствуйте, найдите в шаблоне hTML код
<div class="container">
	 <div class="column full" id="header">
<div id="header-mob">

замените на
<div class="container">
	 <div class="column full" id="header">
		 <div id="header-logo">
		 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
		 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn" />
		 </a>
	 </div>
	 <div id="header-mob">
Вставил 2й телефон, как мне сделать так чтобы они были не в ряд, а переместить 2й телефон во вторую строку

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

  • Безы11мянный.png
  • 1111.png


#8 Firefly

Firefly

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

  • Модераторы
  • 3 753 сообщений

Отправлено 21 Ноябрь 2017 - 15:22

 sogoodfso (21 Ноябрь 2017 - 14:59) писал:

Вставил 2й телефон, как мне сделать так чтобы они были не в ряд, а переместить 2й телефон во вторую строку

Код в шаблоне main.css:
#header-mob{float:left;margin-top: 80px;font-size: 16px;margin-left: 10px;}
#header-mob a{text-decoration:none;}

Заменил на:
#header-mob{float:left;margin-top: 70px;font-size: 16px;margin-left: 10px;}
#header-mob a{text-decoration:none;display: block;}





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

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