Добрый день.
1. Подскажите как закрепить шапку, чтобы она отображалась всегда при прокрутке.
2. как в шапку добавить иконки соц сетей.
1
Шапка Сайта ( Как Закрепить)
Автор ВячеславФ, 20 марта 2019 15:55
Сообщений в теме: 6
#1
Отправлено 20 Март 2019 - 15:55
#2
Отправлено 22 Март 2019 - 07:08
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Уточните пожалуйста расположение иконок в шапке сайта.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header {position: relative;}
замените на:
.wrapper {padding-top: 132px;} #header {position: fixed;z-index: 10;top: 0;left: 0;right: 0;}
Уточните пожалуйста расположение иконок в шапке сайта.
#3
Отправлено 22 Март 2019 - 09:26
Спасибо за ответ. все встало. Иконки нарисовал на приложенном фото. Еще хотелось бы чтобы они отражались в мобильной версии рядом или под логотипом. В мобильной версии вертикальной чтобы была кнопка обратного звонка.
и подскажите пожалуйста какие значения нужно менять для перемещения вверх-вниз-вправо влево, чтобы не отвлекать вас по мелочам. Спасибо.
и подскажите пожалуйста какие значения нужно менять для перемещения вверх-вниз-вправо влево, чтобы не отвлекать вас по мелочам. Спасибо.
#4
Отправлено 23 Март 2019 - 04:47
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
Далее зайдите в main.css - найдите и удалите(встретится несколько раз):
Зайдите в раздел Сайт - Редактор шаблонов - 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
Отправлено 24 Март 2019 - 21:10
Спасибо. Но на мобильном в вертикальной раскладке отображается немного не корректно, а в горизонтальном ок. Логотип надо в вертикальном по центру. Иконки под ним. А избранное и сравнить слева вертикально друг над другом. Тоже и с обратный звонок и корзина.
И ещё иконки стоят поделиться, а хотелось чтобы они вели на наши страницы в сетях.и почему то нигде Инстаграмм не появляется.
В шапке нужны Инстаграм, Фейсбук, ВКонтакте.
И ещё иконки стоят поделиться, а хотелось чтобы они вели на наши страницы в сетях.и почему то нигде Инстаграмм не появляется.
В шапке нужны Инстаграм, Фейсбук, ВКонтакте.
#6
Отправлено 24 Март 2019 - 21:50
Более правильно отображается в карточке товара и корзине. На остальных страницах смещено.
#7
Отправлено 04 Апрель 2019 - 07:35
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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 анонимных