Как добавить в полоску меню постороннюю информацию, например номер телефона?

голоса: +2

Вот подвижный хеддер сайта, в нем меню, как мне в свободное пространство вставить номер телефона?

То есть я в принципе не знаю, где редактировать html меню

Адрес сайта http://beardstar.ru/
| Автор: | Категория: Меню сайта

Скиньте код верхней части сайта

<?if($NMENU_1$)?><!-- <bc> -->$NMENU_1$<!-- </bc> --><?endif?>

Это единственное что я нашел, просто вызов меню и все. То есть на всех страницах меню просто вызывается вот так
Нужен весь код "верхняя часть сайта", чтоб видеть разметку, про меню и так всё понятно...

Попробуйте после него вставть то что хотите после <?if($NMENU_1$)?><!-- <bc> -->$NMENU_1$<!-- </bc> --><?endif?> если нет то киньте полный код верхней части

Ответов: 1

голоса: +7
 
Лучший ответ

Найдите в шаблоне такую строчку

<div id="search">
 <a class="search-icon" href="javascript:void(0)" title="Поиск по магазину"><i class="fa fa-search"></i></a>
 </div>

После нее поставьте

<div id="phone">8 (812) 123-45-67</div>

Далее заходим в таблицу стилей и добавляем

div#phone {
    float: right;
    line-height: 90px;
    padding-right: 20px;
}

Получится вот так

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Ну хоть такой метод, сразу это проблему не решает, послько на каждой странице приходится дописывать этот телефон, придется все страницы перелопатить(

Такие неудобства из-за того, что в этом макете не используется шаблон Верхняя часть сайта. Но и это можно решить быстро. Только сделайте бекап перед этим.

Заходим в ПУ - Дизайн - Быстрая замена участков шаблона. Выбираем режим замены многострочный. В поле что заменить пишем

<i class="fa fa-search"></i></a>
 </div>

А в поле на что заменить

<i class="fa fa-search"></i></a>
 </div>
<div id="phone">8 (812) 123-45-67</div>

И жмем сохранить.

И не забудьте в таблицу стилей (CSS) прописать

div#phone {
    float: right;
    line-height: 90px;
    padding-right: 20px;
}

 

Если вы вставите предложеный код в шаюлон верхней части сайта (в шапку), то ничего больше делать не надо. Другое дело, что вам наверное хотелось чтобы телефон  был в одну строку с меню. В этом случае попробуйте поставить предложеный код сразу после меню перед 

</header>

 

Юра, проблема в том, что Верхняя часть не используется. Потому ваш комент не уместен
уже сделал, огромное спасибо
...