Как В Шапке Прописать Телефон
#1
Отправлено 06 Октябрь 2015 - 16:01
#2
Отправлено 06 Октябрь 2015 - 17:16
Allika (06 Октябрь 2015 - 16:01) писал:
Здравствуйте, на вашем сайте в разделе Сайт > Редактор шаблонов > Шаблоны > HTML найдите код
<!-- Поиск --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit fa"></button> </div> </form>
ПЕРЕД ним вставьте код
<!--Телефон--> <div class="phone"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><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></p>{% ENDIF %} </div>
затем, в main.css найдите
/* Верхняя часть шапки */и после него вставьте
#header-top .header-col-right .phone { float: left; position: relative; margin-right: 5px; }
#3
Отправлено 06 Октябрь 2015 - 18:05
#4
Отправлено 06 Октябрь 2015 - 19:03
#6
Отправлено 06 Октябрь 2015 - 19:41
#header-top .header-col-right .phone { float: left; position: relative; margin-right: 5px; }
и замените его на этот код
#header-top .header-col-right .phone { float: left; position: relative; margin-right: 20px; } #header-top .header-col-right .phone p { font-size: 25px; }
#7
Отправлено 06 Октябрь 2015 - 19:52
#9
Отправлено 06 Октябрь 2015 - 20:12
Vilenskiy85 (06 Октябрь 2015 - 19:52) писал:
<div class="phone"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><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></p>{% ENDIF %} </div>на
<div class="phone"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><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></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p><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></p>{% ENDIF %} </div>
#10
Отправлено 07 Октябрь 2015 - 10:09
#11
Отправлено 10 Июль 2016 - 10:14
Сообщение отредактировал Mari-ina: 10 Июль 2016 - 12:45
#13
Отправлено 27 Февраль 2017 - 15:45
#14
Отправлено 27 Февраль 2017 - 16:01
Makasi (22 Февраль 2017 - 00:40) писал:
После добавления номера, логотип съехал вниз, хотя до этого отступ сверху был точно таким же как и отступ до слайдера, как это исправить?
Здравствуйте.
В данном случае попробуйте. пожалуйста, произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
#logo { margin: 0; padding: 15px 0 10px 35px; }
И замените его вот этим вот кодом:
#logo { margin: 0; padding: 15px 0 10px 35px; margin-top: -20px; }
Далее в самый конец данного шаблона добавьте, пожалуйста, следующий код:
.phone a { color: #fff !important; }
#15
Отправлено 27 Февраль 2017 - 17:02
RayLi (27 Февраль 2017 - 16:01) писал:
В данном случае попробуйте. пожалуйста, произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
#logo { margin: 0; padding: 15px 0 10px 35px; }
И замените его вот этим вот кодом:
#logo { margin: 0; padding: 15px 0 10px 35px; margin-top: -20px; }
Далее в самый конец данного шаблона добавьте, пожалуйста, следующий код:
.phone a { color: #fff !important; }
Спасибо за ответ, сделал как написанно выше. Описанная выше проблема ушла, но появилась другая. Логотип теперь располагается левее, а не по центру страницы, как вернуть его в центр?
#16
Отправлено 27 Февраль 2017 - 17:15
Makasi (27 Февраль 2017 - 17:02) писал:
На данный момент логотип на вашем сайте отображается ровно по центру.
Просьба прислать нам скриншот с отображением того как на вашем сайте сейчас расположен указанный логотип для наглядности.
Спасибо.
#17
#18
Отправлено 27 Февраль 2017 - 17:42
Makasi (27 Февраль 2017 - 17:24) писал:
Изменения Вам произвел, но есть один момент:
Логотип обрезан не совсем ровно, из-за чего кажется, чтобы над ним промежуток меньше, чем под ним(Если в графическом редакторе убрать прозрачность, то Вы увидите разницу).
#19
Отправлено 27 Февраль 2017 - 17:46
Danil (27 Февраль 2017 - 17:42) писал:
Изменения Вам произвел, но есть один момент:
Логотип обрезан не совсем ровно, из-за чего кажется, чтобы над ним промежуток меньше, чем под ним(Если в графическом редакторе убрать прозрачность, то Вы увидите разницу).
Спасибо, с этим разобрался. Осталось выставить его ровно по середине страницы, сейчас он сдвинут в право.
#20
Отправлено 27 Февраль 2017 - 17:48
Makasi (27 Февраль 2017 - 17:46) писал:
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных