Помогите добавить телефон в хедер

[molodoi]

Доброго времени суток!

 

Помогите пожалуйста новичку: На дефолтном шаблоне хочу добавить телефон в хедер. Поиск хочу сделать по центру, а телефон справа. 

или подскажите куда лучше его добавить!?

 

Жду ответов, Игорь.

[Einshtein]

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

[LowTech]

Тыц

[Alexey888]

вывод телефона из настроек в админке: 

 

в файл - template/common/header.tpl

<div class="telephone"><?php echo $telephone; ?></div>

в файл

catalog/controller/common/header.php

$this->data['telephone'] = $this->config->get('config_telephone');

и прописываем стили для телефона в stylesheet.css

.telephone {
..............
}

по стилям тут уже согласно дизайну...как намекнул Einshtein - задача подвластная только экстрасенсам

А не подскажете куда телефон вписывать?)

[Alexey888]

и в каких строках писать то, что вы написали

[mastertim]

Лёгкая инструкция: простое изменение 2- х файлов:

1. Вставьте и отредактируйте код в header.tpl из

public_html/catalog/view/theme/default/template/common

 

"<div class=""header_text"">
<div class=""header_telephone"">телефон<br />
еще телефон</div>
<div class=""header_inf"">с 10:00 до 20:00 ежедневно<br />
слоган, плюшки</div>
</div>"

 

2 Вставьте код в stylesheet.css из

public_html/catalog/view/theme/default/stylesheet

 

.header_text {
position: absolute;
top: 35px;
left: 460px;
font-size: 11pt;
font-family: verdana;
color: #333;
padding: 10px;
}
.header_telephone {
padding-left: 40px;
}
.header_inf {
padding-left: 40px;
}

 

Измените значения top: и left: для точного расположения.

[mastertim]

А еще проще, вариант 2, вообще не лезть в header.tpl  и добавить только в stylesheet.css

#header:after{color:#948f8f;font-size:11pt;font-family: verdana;left:240px;position:absolute;text-align:left;top:6px;white-space:pre-line;padding: 10px;}
#header:after{content:"880066666\A 880077777\A с 10:00 до 20:00 ежедневно\A слоган";}

 

[SiteMix]

В 14.07.2021 в 12:03, mastertim сказал:

Лёгкая инструкция: простое изменение 2- х файлов:

1. Вставьте и отредактируйте код в header.tpl из

public_html/catalog/view/theme/default/template/common

 

"<div class=""header_text"">
<div class=""header_telephone"">телефон<br />
еще телефон</div>
<div class=""header_inf"">с 10:00 до 20:00 ежедневно<br />
слоган, плюшки</div>
</div>"

Не смущает что последнее сообщение в теме было 7 лет назад?

 

Для чего в классах двойные кавычки?

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

И лучше сделать номер кликабельным чтобы на мобильниках можно было сразу набрать.

[mastertim]

В 17.07.2021 в 10:42, SiteMix сказал:

Не смущает что последнее сообщение в теме было 7 лет назад?

 

Для чего в классах двойные кавычки?

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

И лучше сделать номер кликабельным чтобы на мобильниках можно было сразу набрать.

Да, двойные кавычки излишни