Сообщений в теме: 28

[Allika]

Подскажите пожалуйста как можно прописать телефон? Как в файле... Заранее спасибо

[Юля123]

Allika (06 Октябрь 2015 - 16:01) писал:

Подскажите пожалуйста как можно прописать телефон? Как в файле... Заранее спасибо image.jpeg

Здравствуйте, на вашем сайте в разделе Сайт > Редактор шаблонов > Шаблоны > 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;
}

[Allika]

Спасибо

[Allika]

О нет съехал под полосу, как сделать что бы как на картинке?

[Юля123]

Allika (06 Октябрь 2015 - 19:03) писал:

О нет съехал под полосу, как сделать что бы как на картинке?

В СТИЛИ main.css найдите код

#header-top .header-col-left {
	 width: 60%;
}

Замените на:

#header-top .header-col-left {
	 width: 40%;
}

[Юля123]

Так же, если вам нужно вывести телефон крупно, то в main.css найдите код

#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;
}

[Vilenskiy85]

все сделал как описано, номер телефона в шапке не появился, подскажите пожалуйста?

[Юля123]

Vilenskiy85 (06 Октябрь 2015 - 19:52) писал:

все сделал как описано, номер телефона в шапке не появился, подскажите пожалуйста?

Добрый вечер, проверьте, возможно, Вы не нажали кнопку "Сохранить" после изменений.

[Alekseys]

Vilenskiy85 (06 Октябрь 2015 - 19:52) писал:

все сделал как описано, номер телефона в шапке не появился, подскажите пожалуйста?

Здравствуйте. В шаблоне HTML замените

<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>

[Allika]

Отлично все получилось. Спасибо большое помогли! )))

[Mari-ina]

Вопрос снят.

Сообщение отредактировал Mari-ina: 10 Июль 2016 - 12:45

[Makasi]

Подскажите как изменить цвет номера телефона с серого на белый?
После добавления номера, логотип съехал вниз, хотя до этого отступ сверху был точно таким же как и отступ до слайдера, как это исправить?

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

• 

[Makasi]

Прошу ответить на мой вопрос выше!

[RayLi]

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;
}

[Makasi]

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;
}

Спасибо за ответ, сделал как написанно выше. Описанная выше проблема ушла, но появилась другая. Логотип теперь располагается левее, а не по центру страницы, как вернуть его в центр?

[RayLi]

Makasi (27 Февраль 2017 - 17:02) писал:

Спасибо за ответ, сделал как написанно выше. Описанная выше проблема ушла, но появилась другая. Логотип теперь располагается левее, а не по центру страницы, как вернуть его в центр?

На данный момент логотип на вашем сайте отображается ровно по центру.
Просьба прислать нам скриншот с отображением того как на вашем сайте сейчас расположен указанный логотип для наглядности.
Спасибо.

[Makasi]

RayLi (27 Февраль 2017 - 17:15) писал:

На данный момент логотип на вашем сайте отображается ровно по центру.
Просьба прислать нам скриншот с отображением того как на вашем сайте сейчас расположен указанный логотип для наглядности.
Спасибо.

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

• 

[Danil]

Makasi (27 Февраль 2017 - 17:24) писал:

Здравствуйте.
Изменения Вам произвел, но есть один момент:
Логотип обрезан не совсем ровно, из-за чего кажется, чтобы над ним промежуток меньше, чем под ним(Если в графическом редакторе убрать прозрачность, то Вы увидите разницу).

[Makasi]

Danil (27 Февраль 2017 - 17:42) писал:

Здравствуйте.
Изменения Вам произвел, но есть один момент:
Логотип обрезан не совсем ровно, из-за чего кажется, чтобы над ним промежуток меньше, чем под ним(Если в графическом редакторе убрать прозрачность, то Вы увидите разницу).

Спасибо, с этим разобрался. Осталось выставить его ровно по середине страницы, сейчас он сдвинут в право.

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

• 

[Danil]

Makasi (27 Февраль 2017 - 17:46) писал:

Спасибо, с этим разобрался. Осталось выставить его ровно по середине страницы, сейчас он сдвинут в право.

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