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


Запутался С Логотипом Телефона

Автор vanyushka, 07 мая 2015 16:40

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

#1 vanyushka

vanyushka

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

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

Отправлено 07 Май 2015 - 16:40

Здравствуйте! Возможно я не туда вставил код в HTML с изображением телефона,
<div class="phonepic">
<a class= href="#"><img src="{ASSETS_IMAGES_PATH}phone.png" width="30" height="30"></a>	
			 </div>

так как при изменении в css и при применении 
margin-top
сдвигается не только само изображение, но и вся шапка.

Помогите пожалуйста. Мне нужно, чтобы трубка была слева от телефона
И еще не могу вспомнить как сделать, чтобы телефон не показывался на главной странице в шапке.
Спасибо

#2 Cupuyc

Cupuyc

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

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

Отправлено 07 Май 2015 - 16:44

Просмотр сообщенияipodushkin (07 Май 2015 - 16:40) писал:

Здравствуйте! Возможно я не туда вставил код в HTML с изображением телефона,
<div class="phonepic">
<a class= href="#"><img src="{ASSETS_IMAGES_PATH}phone.png" width="30" height="30"></a>	
			 </div>

так как при изменении в css и при применении 
margin-top
сдвигается не только само изображение, но и вся шапка.

Помогите пожалуйста. Мне нужно, чтобы трубка была слева от телефона
И еще не могу вспомнить как сделать, чтобы телефон не показывался на главной странице в шапке.
Спасибо

Здравствуйте, пожалуйста уточните номер аккаунта на котором требуется произвести изменения.

#3 vanyushka

vanyushka

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

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

Отправлено 07 Май 2015 - 16:56

Просмотр сообщенияCupuyc (07 Май 2015 - 16:44) писал:

Здравствуйте, пожалуйста уточните номер аккаунта на котором требуется произвести изменения.

327744

#4 Cupuyc

Cupuyc

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

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

Отправлено 07 Май 2015 - 17:31

Просмотр сообщенияipodushkin (07 Май 2015 - 16:40) писал:

Здравствуйте! Возможно я не туда вставил код в HTML с изображением телефона,
<div class="phonepic">
<a class= href="#"><img src="{ASSETS_IMAGES_PATH}phone.png" width="30" height="30"></a>	
			 </div>

так как при изменении в css и при применении 
margin-top
сдвигается не только само изображение, но и вся шапка.

Помогите пожалуйста. Мне нужно, чтобы трубка была слева от телефона
И еще не могу вспомнить как сделать, чтобы телефон не показывался на главной странице в шапке.
Спасибо

Пожалуйста, добавьте второй номер телефона в настройках и не производите изменений в админ. панели какое-то время

#5 vanyushka

vanyushka

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

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

Отправлено 07 Май 2015 - 17:40

Просмотр сообщенияCupuyc (07 Май 2015 - 17:31) писал:

Пожалуйста, добавьте второй номер телефона в настройках и не производите изменений в админ. панели какое-то время.

Добавил. Буду ждать Вашего сигнала

#6 Cupuyc

Cupuyc

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

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

Отправлено 07 Май 2015 - 17:45

Просмотр сообщенияipodushkin (07 Май 2015 - 17:40) писал:

Добавил. Буду ждать Вашего сигнала

После внесенных изменений у Вас изменился отступ "шапки" сайта, появился второй телефон и "иконка", пожалуйста уточните какие изменения требуются в данный момент?

#7 vanyushka

vanyushka

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

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

Отправлено 07 Май 2015 - 18:07

Просмотр сообщенияCupuyc (07 Май 2015 - 17:45) писал:

После внесенных изменений у Вас изменился отступ "шапки" сайта, появился второй телефон и "иконка", пожалуйста уточните какие изменения требуются в данный момент?

Истина в том, что мне не нужен второй телефон и отступ шапки. Мне нужно, чтобы я самостоятельно смог отрегулировать позицию изображения трубки (phone.png) в css. Никаких других изменений мне не требуется.
Когда я пытался самостоятельно регулировать css (.phonepic), то изображение (phone.png) не двигалось по вертикали. Как мне его подвинуть вверх-вниз? margin-top двигает не картинку, а вообще всю область.

#8 Dars

Dars

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

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

Отправлено 07 Май 2015 - 18:53

Просмотр сообщенияipodushkin (07 Май 2015 - 18:07) писал:

Истина в том, что мне не нужен второй телефон и отступ шапки. Мне нужно, чтобы я самостоятельно смог отрегулировать позицию изображения трубки (phone.png) в css. Никаких других изменений мне не требуется.
Когда я пытался самостоятельно регулировать css (.phonepic), то изображение (phone.png) не двигалось по вертикали. Как мне его подвинуть вверх-вниз? margin-top двигает не картинку, а вообще всю область.
Добавьте к .phoneric свойство float:left и двигайте его margin-ами.

#9 vanyushka

vanyushka

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

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

Отправлено 07 Май 2015 - 19:02

Просмотр сообщенияDars (07 Май 2015 - 18:53) писал:

Добавьте к .phoneric свойство float:left и двигайте его margin-ами.

Отлично спасибо! Подскажите какое свойство добавить, чтобы скрыть телефон только на главной странице?

#10 Dars

Dars

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

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

Отправлено 07 Май 2015 - 19:05

Просмотр сообщенияipodushkin (07 Май 2015 - 19:02) писал:

Отлично спасибо! Подскажите какое свойство добавить, чтобы скрыть телефон только на главной странице?
Оберните нужный блок кода (в вашем случае видимо вот этот:
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %}
			  <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> 
			  <div class="phonepic">
			  <a class= href="#"><img src="{ASSETS_IMAGES_PATH}phone.png" width="30" height="30"></a>	
			   </div>
			   
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			   
				  {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE1})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER1}<br />
				{% ENDIF %}
			   
				<!-- Второй контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				  {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE2})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER2}<br />
				{% ENDIF %}
						 
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				  {SETTINGS_STORE_PHONE_COUNTRY_CODE3}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE3})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER3}
				{% ENDIF %}
					   
				<!-- Skype номер -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <div class="contentTableHeadMainSkype">
					<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
					  <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
					  <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
					</a>
				  </div>
				{% ENDIF %}
					  
				<!-- ICQ номер -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="contentTableHeadMainIcq">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
			  </div>
			{% ENDIF %}
) в условие {% IFNOT index_page}...{% ENDIF %}

#11 vanyushka

vanyushka

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

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

Отправлено 07 Май 2015 - 20:43

Просмотр сообщенияDars (07 Май 2015 - 19:05) писал:

Оберните нужный блок кода в условие {% IFNOT index_page%}...{% ENDIF %}

Спасибо получилось!
В данный момент внедряю функцию обратного звонка. Никак не могу выровнять надпись в шапке "заказать звонок" с номером телефона. Помогите пожалуйста.
+ Походу обратный звонок не работает ( при нажатии пишет "На сайте есть 1 JS ошибка).

#12 Cupuyc

Cupuyc

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

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

Отправлено 07 Май 2015 - 20:54

Просмотр сообщенияipodushkin (07 Май 2015 - 20:43) писал:

Спасибо получилось!
В данный момент внедряю функцию обратного звонка. Никак не могу выровнять надпись в шапке "заказать звонок" с номером телефона. Помогите пожалуйста.
+ Походу обратный звонок не работает ( при нажатии пишет "На сайте есть 1 JS ошибка).

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
				 <a class="zakaz" id="openFlippingBook" title="Обратный звонок" href="#">Заказать звонок</a>

Замените его на:
				 <a class="zakaz" id="openFlippingBook" title="Обратный звонок" href="#" style="margin: 2px 0px 0px 15px;">Заказать звонок</a>

Также замените знак "#" на ссылку из инструкции по которой вы добавляете обратный звонок.

#13 vanyushka

vanyushka

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

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

Отправлено 07 Май 2015 - 21:09

Кароче говоря все сделал ничего не работает. Инструкция отсюда .

Возможно Вы меня не правильно поняли, выровнять - я имел ввиду сделать надпись ровно под телефоном.

#14 Vaccina

Vaccina

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

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

Отправлено 08 Май 2015 - 02:24

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

#15 vanyushka

vanyushka

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

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

Отправлено 08 Май 2015 - 21:04

Просмотр сообщенияVaccina (08 Май 2015 - 02:24) писал:

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

Изображение

#16 Vaccina

Vaccina

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

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

Отправлено 09 Май 2015 - 01:40

Сохраняйте пожалуйста изменения чтобы мы могли проверить результат, а сам блок можете скрыть через стили, то есть:
.contacts {
  display: block;
  float: left;
  font-family: Calibri;
  font-size: 20px;
  line-height: 1em;
  margin: 50px 18px 12px 100px;
}

замените на:
.contacts {
  display: none;
  float: left;
  font-family: Calibri;
  font-size: 20px;
  line-height: 1em;
  margin: 50px 18px 12px 100px;
}

#17 vanyushka

vanyushka

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

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

Отправлено 09 Май 2015 - 19:42

Просмотр сообщенияVaccina (09 Май 2015 - 01:40) писал:

Сохраняйте пожалуйста изменения чтобы мы могли проверить результат, а сам блок можете скрыть через стили, то есть:
.contacts {
display: block;
float: left;
font-family: Calibri;
font-size: 20px;
line-height: 1em;
margin: 50px 18px 12px 100px;
}

замените на:
.contacts {
display: none;
float: left;
font-family: Calibri;
font-size: 20px;
line-height: 1em;
margin: 50px 18px 12px 100px;
}

Да не надо мне никакой блок скрывать!
Мне надо:

1. Выровнять номер телефона и надпись "Заказать звонок", чтобы надпись была ровно под номером телефона.
2. Чтобы заработал этот "Заказать звонок". Этот код от Storeland, находится здесь. Но он нифига не работает.

#18 vanyushka

vanyushka

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

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

Отправлено 11 Май 2015 - 16:16

1

#19 vanyushka

vanyushka

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

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

Отправлено 12 Май 2015 - 18:40

2

#20 Cupuyc

Cupuyc

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

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

Отправлено 12 Май 2015 - 19:12

Просмотр сообщенияipodushkin (09 Май 2015 - 19:42) писал:

Да не надо мне никакой блок скрывать!
Мне надо:

1. Выровнять номер телефона и надпись "Заказать звонок", чтобы надпись была ровно под номером телефона.
2. Чтобы заработал этот "Заказать звонок". Этот код от Storeland, находится здесь. Но он нифига не работает.

Здравствуйте. В данный момент у Вас отсутствует номер телефона в "шапке" сайта, пожалуйста произведите изменения в соответствии с инструкцией для продолжения.
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Движение
  5. → Изменение общей стилистики
  6. Privacy Policy