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


Шапка Сайта ( Как Закрепить)


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

#1 ВячеславФ

ВячеславФ

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

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

Отправлено 20 Март 2019 - 15:55

Добрый день.
1. Подскажите как закрепить шапку, чтобы она отображалась всегда при прокрутке.
2. как в шапку добавить иконки соц сетей.

#2 Vaccina

Vaccina

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

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

Отправлено 22 Март 2019 - 07:08

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header {position: relative;}

замените на:
.wrapper {padding-top: 132px;}
#header {position: fixed;z-index: 10;top: 0;left: 0;right: 0;}

Уточните пожалуйста расположение иконок в шапке сайта.

#3 ВячеславФ

ВячеславФ

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

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

Отправлено 22 Март 2019 - 09:26

Спасибо за ответ. все встало. Иконки нарисовал на приложенном фото. Еще хотелось бы чтобы они отражались в мобильной версии рядом или под логотипом.  В мобильной версии вертикальной  чтобы была кнопка обратного звонка.
и подскажите пожалуйста какие значения нужно менять для перемещения вверх-вниз-вправо влево, чтобы не отвлекать вас по мелочам. Спасибо.

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

  • 2019-03-22_09h07_48.jpg
  • 2019-03-22_09h19_32.jpg


#4 Vaccina

Vaccina

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

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

Отправлено 23 Март 2019 - 04:47

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <div class="contacts">
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div class="phone"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="material-icons">phone</i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<div class="email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="material-icons">mail_outline</i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %}
		 </div>

замените на:
		 <div class="contacts">
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div class="phone"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="material-icons">phone</i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
			 {% IF SETTINGS_STORE_WORK_TIME %}<div><i class="material-icons">access_time</i><span>{SETTINGS_STORE_WORK_TIME}</span></div>{% ENDIF %}
		 </div>
<!-- Поделиться в социальных сетях. Описание дополнительных параметров ищите в документации https://tech.yandex.ru/share/ -->
<div class="social-share">
	 <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
	 <script src="//yastatic.net/share2/share.js"></script>
	 <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,twitter" data-counter=""></div>
</div>

Далее зайдите в main.css - найдите и удалите(встретится несколько раз):
#header .header-middle .header-col.right .callback {display: none;}


#5 ВячеславФ

ВячеславФ

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

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

Отправлено 24 Март 2019 - 21:10

Спасибо. Но на мобильном в вертикальной раскладке отображается немного не корректно, а в горизонтальном ок. Логотип надо в вертикальном по центру. Иконки под ним. А избранное и сравнить слева вертикально друг над другом. Тоже и с обратный звонок и корзина.
И ещё иконки стоят поделиться, а хотелось чтобы они вели на наши страницы в сетях.и почему то нигде Инстаграмм не появляется.
В шапке нужны Инстаграм, Фейсбук, ВКонтакте.

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

  • Screenshot_2019-03-24-19-33-17-826_com.android.browser.png
  • Screenshot_2019-03-24-19-56-45-685_com.android.browser.png


#6 ВячеславФ

ВячеславФ

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

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

Отправлено 24 Март 2019 - 21:50

Более правильно отображается в карточке товара и корзине. На остальных страницах смещено.

#7 Vaccina

Vaccina

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

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

Отправлено 04 Апрель 2019 - 07:35

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header .header-middle .header-col .icon {width: 50px;height: 50px;line-height: 50px;text-align: center;cursor: pointer;}

замените на:
#header .header-middle .header-col .icon {width: 40px;height: 40px;line-height: 50px;text-align: center;cursor: pointer;}





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

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