Здравствуйте, помогите написать "режим работы" и кликабельный номер телефона
1
Помощь С Контактами
Автор sergo2805, 16 окт. 2016 19:46
Сообщений в теме: 8
#1
Отправлено 16 Октябрь 2016 - 19:46
#2
Отправлено 16 Октябрь 2016 - 20:11
Здравствуйте.
В разделе Сайт - Редактор шаблонов - Html
После строк
Затем в файле main.css
перед (209 строка)
Далее найдите(861 строка)
В разделе Сайт - Редактор шаблонов - Html
После строк
<!-- /END Меню навигации в шапке --> </div>Вставьте
<div class="col-md-12 col-xs-12"> <div class="header-contacts"> {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} {% 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_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %} </div> </div>
Затем в файле main.css
перед (209 строка)
/* Иконки Меню, Поиска, Корзины */вставьте
#header .header-contacts {margin-top: -60px; text-align: right; float: right}
Далее найдите(861 строка)
@media all and (max-width: 991px) {после неё вставьте
#header .header-contacts {margin-top: 0 ; text-align: center;float: none}
#3
Отправлено 17 Октябрь 2016 - 19:49
Спасибо!
А как подвинуть их вправо и чуть выше?
А как подвинуть их вправо и чуть выше?
#4
Отправлено 17 Октябрь 2016 - 20:25
sergo2805 (17 Октябрь 2016 - 19:49) писал:
Спасибо!
А как подвинуть их вправо и чуть выше?
А как подвинуть их вправо и чуть выше?
Могу предложить такие варианты расположения , скриншоты прикрепил к сообщению.
#5
Отправлено 17 Октябрь 2016 - 21:49
Первый вариант подойдет, спасибо
#6
Отправлено 18 Октябрь 2016 - 03:11
В main.css найдите:
после него пропишите:
#header .header-contacts { margin-top: -60px; text-align: right; }
после него пропишите:
#header .header-contacts p { float: right; margin: 0 10px; }
#7
Отправлено 02 Июнь 2017 - 15:19
Добавил телефон согласно инструкции из второго сообщения и верхнее меню перестало работать, точнее работает при наведении курсора выше чем пункт меню.Аккаунт SL-415500
#8
Отправлено 02 Июнь 2017 - 15:38
Stilts (02 Июнь 2017 - 15:19) писал:
Добавил телефон согласно инструкции из второго сообщения и верхнее меню перестало работать, точнее работает при наведении курсора выше чем пункт меню.Аккаунт SL-415500
Замените
#header .header-contacts {margin-top: -60px;text-align: right;color: #696c79;font-weight: bold;}на
#header .header-contacts {margin-top: -60px;text-align: right;color: #696c79;font-weight: bold;float: right;}
далее
#header .header-contacts {margin-top: 0 ; text-align: center;}замените на
#header .header-contacts {margin-top: 0 ; text-align: center;float: none}
#9
Отправлено 02 Июнь 2017 - 16:07
Спасибо! Все работает как надо.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных