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


Помощь С Контактами


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

#1 sergo2805

sergo2805

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

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

Отправлено 16 Октябрь 2016 - 19:46

Здравствуйте, помогите написать "режим работы" и кликабельный номер телефона

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

  • Безымянный.png


#2 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 16 Октябрь 2016 - 20:11

Здравствуйте.
В разделе Сайт - Редактор шаблонов - 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">&nbsp;</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">&nbsp;</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">&nbsp;</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 sergo2805

sergo2805

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

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

Отправлено 17 Октябрь 2016 - 19:49

Спасибо!
А как подвинуть их вправо и чуть выше?

#4 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 17 Октябрь 2016 - 20:25

Просмотр сообщенияsergo2805 (17 Октябрь 2016 - 19:49) писал:

Спасибо!
А как подвинуть их вправо и чуть выше?
К сожалению при таком расположении блока номера и времени работы возникнут проблемы с адаптивной версией сайта.

Могу предложить такие варианты расположения , скриншоты прикрепил к сообщению.

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

  • 17-10-2016 20-19-58.png
  • 17-10-2016 20-22-58.png


#5 sergo2805

sergo2805

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

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

Отправлено 17 Октябрь 2016 - 21:49

Первый вариант подойдет, спасибо

#6 Vaccina

Vaccina

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

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

Отправлено 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 Stilts

Stilts

    Новичок

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

Отправлено 02 Июнь 2017 - 15:19

Добавил телефон согласно инструкции из второго сообщения и верхнее меню перестало работать, точнее работает при наведении курсора выше чем пункт меню.Аккаунт SL-415500

#8 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 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 Stilts

Stilts

    Новичок

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

Отправлено 02 Июнь 2017 - 16:07

Спасибо! Все работает как надо.




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

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