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


Как В Шапке Прописать Телефон


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

#21 Makasi

Makasi

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

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

Отправлено 27 Февраль 2017 - 17:52

Просмотр сообщенияDanil (27 Февраль 2017 - 17:48) писал:

Видимо Вы случайно отменили мои изменения, я восстановил последний бэкап, сейчас все отображается корректно(логотип по центру).

Спасибо, теперь всё отлично!

#22 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 504 сообщений
  • ГородСамара

Отправлено 23 Апрель 2017 - 15:46

Здравствуйте!
412337
Добавил телефон в шапку, но в разрешении менее 640 нужно сделать как в шаблоне лето, что бы телефон скрывался и показывалась иконка. Иконка должна присутствовать в любом разрешении.

#23 Mr.Nito

Mr.Nito

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

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

Отправлено 23 Апрель 2017 - 18:17

Просмотр сообщенияadmin (23 Апрель 2017 - 15:46) писал:

Здравствуйте!
412337
Добавил телефон в шапку, но в разрешении менее 640 нужно сделать как в шаблоне лето, что бы телефон скрывался и показывалась иконка. Иконка должна присутствовать в любом разрешении.
Здравствуйте.
Телефон изменил на основе шаблона лето
В шаблоне HTML код для телефона
		 <!--Телефон-->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
		 <div class="phone block-phone">
			 <div class="block-phone-title rhombus">
			 <i class="fa fa-phone" title="Меню"></i>
			 </div>
			 <div class="block-phone-contact">
			 <span class="phone"><a href="skype:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}?call">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span>
			 </div>
		 </div>
		 {% ENDIF %}
В конец main.css добавил:
/* Ромб */
.rhombus {position: relative;width: 40px;height: 20px;background-color: #ffffff;text-align: center;margin: 11.55px 0;border-left: solid 1px #dbdbdb;border-right: solid 1px #dbdbdb;line-height: 22px;z-index: 0;}
.rhombus:before, .rhombus:after {content: "";position: absolute;z-index: -1;width: 28px;height: 28px;-webkit-transform: scaleY(0.5774) rotate(-45deg);-ms-transform: scaleY(0.5774) rotate(-45deg);transform: scaleY(0.5774) rotate(-45deg);background-color: inherit;left: 5px;}
.rhombus:before {top: -14px;border-top: solid 1.4142px #dbdbdb;border-right: solid 1.4142px #dbdbdb;}
.rhombus:after {bottom: -14.1421px;border-bottom: solid 1.4142px #dbdbdb;border-left: solid 1.4142px #dbdbdb;}
/* Телефон и Почта в шапке*/
.phone div {
display: inline-block;
vertical-align: middle;
}
.block-phone {position: relative;display: inline-block;float: left;}
.block-phone .block-phone-title, .header-top .block-phone .block-email-title {float: left;margin-left: 14px;}
.block-phone .block-phone-contact, .header-top .block-phone .block-email-contact, .header-top .block-menu .block-menu-contact {display: inline-block;float: left;position: relative;line-height: 46px;margin-left: 7px;font-size: 18px;}
@media all and (max-width: 991px) {
#header-top .block-phone .block-phone-contact, #header-top .block-phone .block-email-contact {display: none;position: absolute;background-color: #fff;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);left: 100%;z-index: 2;width: 200px;padding: 0 5px;}
}
В конец main.js добавил
// Функция отображения телефона при нажатии на иконку
jQuery(document).ready(function($){
$('#header-top .block-phone .block-phone-title').click(function(){
if ($(this).closest('#header-top .block-phone').hasClass('active')) {
	 $('#header-top .block-phone .block-phone-contact').fadeOut('300');
	 $(this).closest('#header-top .block-phone').removeClass('active');
	 $('#header-top .block-phone .block-email-contact').fadeOut('100');
} else {
	 $('#header-top .block-phone .block-phone-contact').fadeIn('300');
	 $(this).closest('#header-top .block-phone').addClass('active');
	 $('#header-top .block-phone .block-email-contact').fadeOut('100');
}
});
});


#24 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 504 сообщений
  • ГородСамара

Отправлено 23 Апрель 2017 - 19:53

Пришлось оставить телефон как есть но с иконкой.
Теперь его нужно поместить по центру в малых разрешениях (на скрине)

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

  • вопрос1.jpg


#25 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 504 сообщений
  • ГородСамара

Отправлено 24 Апрель 2017 - 07:37

412337

#26 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 504 сообщений
  • ГородСамара

Отправлено 24 Апрель 2017 - 09:36

Следующий вопрос
Нужно в самом верху в левом углу разместить иконку как в моб. версии меню (только иконку заменить на три точки друг над другом), но при этом должны показываться некоторые ссылки на такие страницы как доставка, оплата, контакты. подключение  А другие скрываться за иконкой.

#27 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 504 сообщений
  • ГородСамара

Отправлено 25 Апрель 2017 - 20:22

Просмотр сообщенияadmin (23 Апрель 2017 - 19:53) писал:

Пришлось оставить телефон как есть но с иконкой.
Теперь его нужно поместить по центру в малых разрешениях (на скрине)
НЕактуально

#28 Stasya

Stasya

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

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

Отправлено 26 Апрель 2017 - 11:24

Просмотр сообщенияadmin (24 Апрель 2017 - 09:36) писал:

Следующий вопрос
Нужно в самом верху в левом углу разместить иконку как в моб. версии меню (только иконку заменить на три точки друг над другом), но при этом должны показываться некоторые ссылки на такие страницы как доставка, оплата, контакты. подключение  А другие скрываться за иконкой.
Здравствуйте. Простите за длительное ожидание ответа. Правильно ли я Вас поняла, что на мобильной версии необходимо часть меню отображать так как есть, а часть скрыть в "бургер" - кнопку, при клике по которой оно будет раскрываться?

#29 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 504 сообщений
  • ГородСамара

Отправлено 26 Апрель 2017 - 11:26

Просмотр сообщенияStasya (26 Апрель 2017 - 11:24) писал:

Здравствуйте. Простите за длительное ожидание ответа. Правильно ли я Вас поняла, что на мобильной версии необходимо часть меню отображать так как есть, а часть скрыть в "бургер" - кнопку, при клике по которой оно будет раскрываться?
Только что стало не актуально. Уже сделано.Firefly




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

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