Сообщений в теме: 15

[Baton]

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

Аккаунт SL-350999

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

• 

[RedHead]

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}

[Baton]

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}

Огромное спасибо!

[TMV]

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

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

• 

[RedHead]

TMV (12 Ноябрь 2015 - 07:29) писал:

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

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

[TMV]

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

[Юля123]

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; изменяйте на нужную вам высоту шапки.

[TMV]

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

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

• 

[RedHead]

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;}

Прикрепляю скрины, на них видно, что изменения произошли. На первом - до, на втором - после.

[TMV]

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

[Александр86]

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

[RedHead]

Александр86 (12 Декабрь 2015 - 18:59) писал:

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

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

[Александр86]

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

[Firefly]

Александр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;}

После этого строка с телефоном появится в отдельном блоке под меню.

[Александр86]

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

[Александр86]

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