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


Добавить Номер Телефона

номер телефона в шапке

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

#1 Baton

Baton

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

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

Отправлено 11 Ноябрь 2015 - 08:08

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

Аккаунт SL-350999

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

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


#2 RedHead

RedHead

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

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

Отправлено 11 Ноябрь 2015 - 10:58

Просмотр сообщенияBaton (11 Ноябрь 2015 - 08:08) писал:

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

Аккаунт SL-350999

Добрый день! В шаблоне html найдите строки
<!-- Логотип -->
	  <div id="header" class="wrap">
		<div class="container">
		  <h2 id="logo">
			<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
			  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </h2>
		</div>
	  </div>
	  <!-- /END Логотип -->
и замените их на:
<!-- Логотип -->
	  <div id="header" class="wrap">
		<div class="container">
		<div class="logo-left">
		  <h2 id="logo">
			<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
			  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </h2>
		</div>
		<div class="logo-right">
		   Телефон: +7(905)946-37-35
		</div>
		  </div>	
		</div>			 
	  <!-- /END Логотип -->
Далее в конец шаблона main.css вставьте строки
.logo-right {
	float: right;
	position: relative;
	top: -60px;
	left: -5px;}
Затем в этом же шаблоне найдите строку
@media all and (max-width: 767px) {
и после нее вставьте
.logo-right {display:none}


#3 Baton

Baton

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

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

Отправлено 11 Ноябрь 2015 - 11:26

Просмотр сообщенияRedHead (11 Ноябрь 2015 - 10:58) писал:

Добрый день! В шаблоне html найдите строки
<!-- Логотип -->
	 <div id="header" class="wrap">
	 <div class="container">
		 <h2 id="logo">
		 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
			 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}">
		 </a>
		 </h2>
	 </div>
	 </div>
	 <!-- /END Логотип -->
и замените их на:
<!-- Логотип -->
	 <div id="header" class="wrap">
	 <div class="container">
	 <div class="logo-left">
		 <h2 id="logo">
		 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
			 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}">
		 </a>
		 </h2>
	 </div>
	 <div class="logo-right">
		 Телефон: +7(905)946-37-35
	 </div>
		 </div>	
	 </div>			
	 <!-- /END Логотип -->
Далее в конец шаблона main.css вставьте строки
.logo-right {
float: right;
position: relative;
top: -60px;
left: -5px;}
Затем в этом же шаблоне найдите строку
@media all and (max-width: 767px) {
и после нее вставьте
.logo-right {display:none}
Огромное спасибо!

#4 TMV

TMV

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

  • Пользователи
  • PipPipPip
  • 71 сообщений
  • ГородКемерово

Отправлено 12 Ноябрь 2015 - 07:29

Здравствуйте. Добавил адрес в шапку, в следствии чего она расширилась. Как сузить шапку?

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

  • ка.PNG


#5 RedHead

RedHead

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

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

Отправлено 12 Ноябрь 2015 - 10:46

Просмотр сообщенияTMV (12 Ноябрь 2015 - 07:29) писал:

Здравствуйте. Добавил адрес в шапку, в следствии чего она расширилась. Как сузить шапку?

Здравствуйте! Добавьте в шаблоне main.css к классу .logo-right еще одно свойство: height: 20px;
Высота всего блока станет прежней.

#6 TMV

TMV

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

  • Пользователи
  • PipPipPip
  • 71 сообщений
  • ГородКемерово

Отправлено 12 Ноябрь 2015 - 11:24

К сожалению, не помогло!?

#7 Юля123

Юля123

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

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

Отправлено 12 Ноябрь 2015 - 11:48

Просмотр сообщенияTMV (12 Ноябрь 2015 - 11:24) писал:

К сожалению, не помогло!?

Здравствуйте, сейчас на вашем сайте адреса нет, добавьте адрес, и попробуйте следующее: в main.css найдите код:

.container {margin-right:auto;margin-left:auto;padding-left: 15px;padding-right: 15px;*zoom:1}

и замените его на код:

.container {margin-right:auto;margin-left:auto;padding-left: 15px;padding-right: 15px;*zoom:1; max-height:40px;}

значение  max-height:40px; изменяйте на нужную вам высоту шапки.

#8 TMV

TMV

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

  • Пользователи
  • PipPipPip
  • 71 сообщений
  • ГородКемерово

Отправлено 12 Ноябрь 2015 - 12:10

Адрес был изначально в правом углу. Код добавил, появился серый блок (на скрине видно). Значение height уменьшило шапку, но при этом скрываются категории товаров.

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

  • иава.PNG


#9 RedHead

RedHead

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

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

Отправлено 12 Ноябрь 2015 - 12:31

Просмотр сообщенияTMV (12 Ноябрь 2015 - 12:10) писал:

Адрес был изначально в правом углу. Код добавил, появился серый блок (на скрине видно). Значение height уменьшило шапку, но при этом скрываются категории товаров.

Попробуйте пожалуйста еще раз.
В шаблоне main.css замените обратно строку
.container {margin-right:auto;margin-left:auto;padding-left: 15px;padding-right: 15px;*zoom:1; max-height:40px;}
на
.container {margin-right:auto;margin-left:auto;padding-left: 15px;padding-right: 15px;*zoom:1}
а строки
.logo-right {
	 float: right;
	 position: relative;
	 top: -100px;
	 left: -8px;}
на
.logo-right {
	 float: right;
	 position: relative;
	 top: -100px;
	 left: -8px;
	 height: 20px;}
Прикрепляю скрины, на них видно, что изменения произошли. На первом - до, на втором - после.
1.png 2.png

#10 TMV

TMV

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

  • Пользователи
  • PipPipPip
  • 71 сообщений
  • ГородКемерово

Отправлено 12 Ноябрь 2015 - 12:36

Большое спасибо. Всё получилось.

#11 Александр86

Александр86

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

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

Отправлено 12 Декабрь 2015 - 18:59

Здравствуйте, не подскажите а адрес вы просто прописывали,или отдельно с каким-то кодом, пробовал, ничего не вышло(

#12 RedHead

RedHead

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

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

Отправлено 13 Декабрь 2015 - 09:24

Просмотр сообщенияАлександр86 (12 Декабрь 2015 - 18:59) писал:

Здравствуйте, не подскажите а адрес вы просто прописывали,или отдельно с каким-то кодом, пробовал, ничего не вышло(

Здравствуйте! Уточните, пожалуйста, для какого аккаунта необходимо вставить адрес в шапку.
В магазине с аккаунтом 359141 адрес в шапке присутствует.

#13 Александр86

Александр86

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

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

Отправлено 13 Декабрь 2015 - 21:01

Здравствуйте, для этого же аккаунта, там адрес и телефон прописан в картинке с логотипом, хотелось бы сделать отдельный блок для адреса и телефона, и так, чтобы телефон был кликабельным. Спасибо)

#14 Firefly

Firefly

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

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

Отправлено 14 Декабрь 2015 - 10:12

Просмотр сообщенияАлександр86 (13 Декабрь 2015 - 21:01) писал:

Здравствуйте, для этого же аккаунта, там адрес и телефон прописан в картинке с логотипом, хотелось бы сделать отдельный блок для адреса и телефона, и так, чтобы телефон был кликабельным. Спасибо)

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
	  <!-- Jssor Slider Слайдер Начало -->

Замените на:
	  <div id="header-top" class="wrap">
		<div class="container">
		  <div class="tel-header">
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><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></li>{% ENDIF %}
		  </div>
		</div>
	  </div>
	 
	  <!-- Jssor Slider Слайдер Начало -->

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.tel-header {text-align: center; padding-top: 10px; list-style: none;}
После этого строка с телефоном появится в отдельном блоке под меню.

#15 Александр86

Александр86

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

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

Отправлено 14 Декабрь 2015 - 21:15

Здравствуйте, я наверное неправильно изъяснился. Телефон хотелось бы сделать справа от логотипа, и там же вставить адрес. С телефоном по данной инструкции вроде все выходит, а вот с адресом проблемы. И также чтобы телефон оставался кликабельным. Спасибо

#16 Александр86

Александр86

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

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

Отправлено 15 Декабрь 2015 - 08:41

Здравствуйте, вопрос не актуален. Перешел на другую тему.




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

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