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


Телефон В Шапке


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

#1 Pogranets

Pogranets

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

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

Отправлено 28 Август 2017 - 18:44

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

Спасибо

#2 metry

metry

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

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

Отправлено 28 Август 2017 - 19:31

Добрый день. Пожалуйста, воспользуйтесь инструкцией из другой ветки форума.

#3 Pogranets

Pogranets

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

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

Отправлено 28 Август 2017 - 19:39

я это не могу найти в коде

Здравствуйте, в шаблоне HTML найдите код:

<div id="header-logo">

возможно он у меня по другому называется

нашел только <div id="wrapper">

#4 Pogranets

Pogranets

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

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

Отправлено 28 Август 2017 - 19:46

Просмотр сообщенияmetry (28 Август 2017 - 19:31) писал:

Добрый день. Пожалуйста, воспользуйтесь инструкцией из другой ветки форума.


я это не могу найти в коде

Здравствуйте, в шаблоне HTML найдите код:

<div id="header-logo">

возможно он у меня по другому называется

нашел только <div id="wrapper">


#5 Firefly

Firefly

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

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

Отправлено 28 Август 2017 - 19:56

Просмотр сообщенияPogranets (28 Август 2017 - 19:46) писал:


я это не могу найти в коде

Здравствуйте, в шаблоне HTML найдите код:

<div id="header-logo">

возможно он у меня по другому называется

нашел только <div id="wrapper">


Здравствуйте.
Чтобы дать точную инструкцию, необходимо, чтобы Вы указали номер аккаунта магазина вида SL-123456

#6 Pogranets

Pogranets

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

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

Отправлено 28 Август 2017 - 20:01

Просмотр сообщенияFirefly (28 Август 2017 - 19:56) писал:

Здравствуйте.
Чтобы дать точную инструкцию, необходимо, чтобы Вы указали номер аккаунта магазина вида SL-123456

SL-418431

Просмотр сообщенияPogranets (28 Август 2017 - 20:01) писал:

SL-418431

SL-418431

#7 metry

metry

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

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

Отправлено 28 Август 2017 - 20:35

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

	  <div id="header" class="wrap">
		<div class="container">

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

		  <div class ="contact_head">
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>{% ENDIF %}
			</div>

далее зайдите в Редактор шаблонов-->main.css и найдите:
#logo {margin: 0;padding: 15px 0 10px 35px;}

замените на:
#logo {margin: 0;padding: 5px 0 10px 35px;}
.contact_head{text-align:right;margin-top:5px;margin-right:1%;}

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

#mommenu {display: block;position: absolute;top: 80px;z-index: 11;}

после него вставьте:
.contact_head{text-align:left;margin-top:5px;}


#8 Pogranets

Pogranets

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

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

Отправлено 28 Август 2017 - 22:25

Просмотр сообщенияmetry (28 Август 2017 - 20:35) писал:

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

	 <div id="header" class="wrap">
	 <div class="container">

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

		 <div class ="contact_head">
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>{% ENDIF %}
		 </div>

далее зайдите в Редактор шаблонов-->main.css и найдите:
#logo {margin: 0;padding: 15px 0 10px 35px;}

замените на:
#logo {margin: 0;padding: 5px 0 10px 35px;}
.contact_head{text-align:right;margin-top:5px;margin-right:1%;}

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

#mommenu {display: block;position: absolute;top: 80px;z-index: 11;}

после него вставьте:
.contact_head{text-align:left;margin-top:5px;}

А где найти

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

#9 Pogranets

Pogranets

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

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

Отправлено 28 Август 2017 - 23:05

Получилось поставить номер в шапку только все съехало. Можете мне помочь перенести номер, как указано на картинке, выровнить шапку, увеличить шрифт, изменить цвет на красный.

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

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


#10 Vaccina

Vaccina

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

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

Отправлено 29 Август 2017 - 08:02

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class ="contact_head">
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>{% ENDIF %}
				 </div>
		  <div class="header-col-left left" title="Меню">
			<ul class="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 class="header-col-left left" title="Меню">
			<ul class="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 class="contact_head">
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>{% ENDIF %}
				 </div>
		  </div>
          
Далее найдите:
<title>{PAGE_TITLE}</title>
	<meta name="google-site-verification" content="sqcEuQUfsOw0oOFW5tNrZbM7Eoqcp24XiuzEIB-PzVY" />' />
	<meta name="description" content="{PAGE_META_DESCRIPTION}" />
    
    
замените на:
<title>{PAGE_TITLE}</title>
	<meta name="google-site-verification" content="sqcEuQUfsOw0oOFW5tNrZbM7Eoqcp24XiuzEIB-PzVY" />
	<meta name="description" content="{PAGE_META_DESCRIPTION}" />
          
          
Далее зайдите в main.css - найдите:
#header-top .header-col-left ul.links {height: 42px;overflow: hidden;}


замените на:
#header-top .header-col-left .contact_head{display: inline-block; font-size: 18px;color: #F72109;margin-left: 10px;vertical-align: top;margin-top: 10px;}
#header-top .header-col-left ul.links {display: inline-block;height: 42px;overflow: hidden;}


#11 Pogranets

Pogranets

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

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

Отправлено 29 Август 2017 - 22:16

Просмотр сообщенияVaccina (29 Август 2017 - 08:02) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class ="contact_head">
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>{% ENDIF %}
				 </div>
		 <div class="header-col-left left" title="Меню">
		 <ul class="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 class="header-col-left left" title="Меню">
		 <ul class="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 class="contact_head">
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>{% ENDIF %}
				 </div>
		 </div>
  
Далее найдите:
<title>{PAGE_TITLE}</title>
<meta name="google-site-verification" content="sqcEuQUfsOw0oOFW5tNrZbM7Eoqcp24XiuzEIB-PzVY" />' />
<meta name="description" content="{PAGE_META_DESCRIPTION}" />


замените на:
<title>{PAGE_TITLE}</title>
<meta name="google-site-verification" content="sqcEuQUfsOw0oOFW5tNrZbM7Eoqcp24XiuzEIB-PzVY" />
<meta name="description" content="{PAGE_META_DESCRIPTION}" />
  
  
Далее зайдите в main.css - найдите:
#header-top .header-col-left ul.links {height: 42px;overflow: hidden;}


замените на:
#header-top .header-col-left .contact_head{display: inline-block; font-size: 18px;color: #F72109;margin-left: 10px;vertical-align: top;margin-top: 10px;}
#header-top .header-col-left ul.links {display: inline-block;height: 42px;overflow: hidden;}

Добрый вечер. Всё сделал как написано. Строчка выровнилась а тел ушел вниз и цент остался прежним и размер.

#12 Vaccina

Vaccina

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

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

Отправлено 30 Август 2017 - 08:04

Здравствуйте.

Попробуйте почистить кэш, сейчас у вас телефон одной строке:
Мы рады видеть Вас в нашем магазине .png

На счет цвета, в main.css найдите:
#header-top .header-col-left .contact_head{display: inline-block; font-size: 18px;color: #F72109;margin-left: 10px;vertical-align: top;margin-top: 10px;}

после него пропишите:
#header-top .header-col-left .contact_head a{color: #F72109;}


#13 Pogranets

Pogranets

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

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

Отправлено 01 Сентябрь 2017 - 23:05

Просмотр сообщенияVaccina (30 Август 2017 - 08:04) писал:

Здравствуйте.

Попробуйте почистить кэш, сейчас у вас телефон одной строке:
Прикрепленный файл Мы рады видеть Вас в нашем магазине .png

На счет цвета, в main.css найдите:
#header-top .header-col-left .contact_head{display: inline-block; font-size: 18px;color: #F72109;margin-left: 10px;vertical-align: top;margin-top: 10px;}

после него пропишите:
#header-top .header-col-left .contact_head a{color: #F72109;}


всё спасибо получилось




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

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