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


Добавить В Шапку Телефон


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

#21 Danil

Danil

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

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

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

Просмотр сообщенияМарсианка (06 Декабрь 2015 - 22:57) писал:

Прикрепленный файл 1.png

Помогите сделать телефон и режим работы перед слайдом
Звоните нам:.............. Время работы..................
В шаблоне html, перед кодом
		</div>
	  </div>
	</div>
	<!-- /END Шапка (логотип, каталог)-->
вставьте
<div class="telefon col-md-9 col-xs-12">
<span>Звоните нам .......</span>
<span>Время работы ........</span>
</div>
в конец main.css добавьте
.telefon {margin-top:20px;}
.telefon span {font-size:16px;padding:5px;}


#22 Марсианка

Марсианка

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

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

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

Спасибо, получилось.

#23 _max_

_max_

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

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

Отправлено 08 Февраль 2016 - 12:41

А можно ли Телефон прикрепить в виде картинки, с выравниванием по центру?

#24 Firefly

Firefly

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

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

Отправлено 08 Февраль 2016 - 12:56

Просмотр сообщения_max_ (08 Февраль 2016 - 12:41) писал:

А можно ли Телефон прикрепить в виде картинки, с выравниванием по центру?

Здравствуйте.
Вы можете загрузить изображение с номером телефона по кнопке "Добавить файлы" в редакторе шаблонов, и получить на него ссылку по кнопке напротив него.
Затем зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <span>Звоните нам: +7 927 777 77 77</span>

Замените на:
		 <span><img src="ссылка на изображение"></span>

Укажите ссылку на картинку.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.telefon span {font-size:29px;padding:5px;}

Замените на:
.telefon span {display: block; font-size:29px; padding:5px; text-align: center;}


#25 _max_

_max_

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

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

Отправлено 09 Февраль 2016 - 17:43

и ещё один вопрос: как поменять местами верхнее меню и номер телефона?

#26 Vaccina

Vaccina

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

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

Отправлено 10 Февраль 2016 - 04:39

Для этого в шаблоне HTML найдите:
<div class="telefon col-md-9 col-xs-12">
		  <span><img src="{ASSETS_IMAGES_PATH}telefon.jpg" alt="" title="" /></span>
		  </div>

переместите его, расположив после:
<div class="col-md-3 col-xs-12">
			<div id="logo">
			  <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
			</div>
		  </div>


#27 _max_

_max_

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

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

Отправлено 10 Февраль 2016 - 09:56

Просмотр сообщенияVaccina (10 Февраль 2016 - 04:39) писал:

Для этого в шаблоне HTML найдите:
<div class="telefon col-md-9 col-xs-12">
		 <span><img src="{ASSETS_IMAGES_PATH}telefon.jpg" alt="" title="" /></span>
		 </div>

переместите его, расположив после:
<div class="col-md-3 col-xs-12">
		 <div id="logo">
			 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
		 </div>
		 </div>
получилось! спасибо!

#28 Сергей334

Сергей334

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

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

Отправлено 19 Июнь 2018 - 19:08

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

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

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


#29 Vaccina

Vaccina

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

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

Отправлено 20 Июнь 2018 - 03:21

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		  </div>
		  <div class="col-md-9 col-xs-12">
						<div class="head_text">
						  <p>Минимальная сумма заказа 800 рублей.</p>
						</div>
				  </div>
		</div>


замените на:
		  </div>
		  <div class="col-md-9 col-xs-12">
			<div class="head_text">
			  <p>Минимальная сумма заказа 800 рублей.</p>
			</div>
			<div class="contacts">
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"></em><span class="ft-content"><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></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
			</div>
		  </div>
		</div>
    
    
далее зайдите в main.css - найдите:
#logo {float: left;margin-top: 20px;}
.head_text{color: #000000;}

замените на:
#logo {float: left;margin-top: 20px;}
.head_text{color: #000000;width: 50%;float: left;}
#header .contacts{width: 50%;float: right;text-align: right;}
#header .contacts a{color: #000000;}
#header .contacts .phone{margin-bottom: 10px;font-size: 20px;font-weight: bold;}
#header .contacts .phone em{margin-right: 5px;}


#30 Сергей334

Сергей334

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

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

Отправлено 20 Июнь 2018 - 14:11

Спасибо, всё Ок




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

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