Добавляем "Андес, телефон и т.д." в шапку [How-To]

[Dark 13]

И так, многие этот вопрос делаю намного проще: создают таблицу или div в файле header.tpl в непосредственно в файле вписывают все контакты, телефоны, адреса и т.д. Но зачем делать одно дело дважды? Ведь все заполняют в настройках и телефон и адрес магазина, что благополучно отображается на странице контактов

index.php?route=information/contact

.

Задача:

- вывести нужные контакты в шапку (header).

Недостаток этого метода:

- 1 номер телефона (в следующем уроке напишу как исправить).

Решаем задачу:

0. Перед выполнением, рекомендую сделать копии файлов:

\catalog\controller\common\header.php

\catalog\view\theme\default\template\common\header.tpl

1. Зайти в \catalog\controller\information\contact.php

Изьять те переменные, которые нужны для вывода. Например выведем номер телефона. Копируем текст:

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

открываем \catalog\controller\common\header.php:

после (примерно 75 строка) :

$this->data['text_checkout'] = $this->language->get('text_checkout');

вставляем

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

3. Открываем \catalog\view\theme\default\template\common\header.tpl:

<?php if ($telephone) { ?>
	<b>Телефон:</b><br />
	<?php echo $telephone; ?><br />
	<br />
	<?php } ?>

в этом пункте есть одно НО:

<b>Телефон:</b><br />

Если у вас сайт с несколькими языками - подключите вывод через модуль языков. У меня только русский язык, поэтому сделал так.

4. Радуемся.

PS

Перед началом этих телодвижений, рекомендую написать в CSS (ну или как вы там разметку делаете)

место будущих контактов.

PPS

Все это делается на стандартном шаблоне версии 1.5.4.1.

[MaKCuMKa82 0]

Блин, вот уже прямо хотел бежать всё делать, настолько всё здорово и подробно описано, но постскриптум убил. Понятия не имею что есть CSS. Я дилетант полнейший, впервые собственноручно ковыряю сайт, до этого нанимал специально обученных людей. А тут решил попробовать сам, и вроде всё получилось, окромя этих несчастных контактов.

[12strun 264]

Недостаток этого метода:

- 1 номер телефона (в следующем уроке напишу как исправить).

В одном из магазинов я решала это так: в админке забивала телефоны через ';', а в хидере с помощью str_replace() ';' менялся на <br />.

[Dark 13]

В одном из магазинов я решала это так: в админке забивала телефоны через ';', а в хидере с помощью str_replace() ';' менялся на <br />.

Простой вариант. Я бы его рекомендовал, но буду делать другим путем. завтра постараюсь выложить урок.

PS

1. стоит ограничение от 3 до 32 символа на ячейку с телефоном;

2. неудобство в админпанели уводить номера, маленькая форма увода.

[Dark 13]

Блин, вот уже прямо хотел бежать всё делать, настолько всё здорово и подробно описано, но постскриптум убил. Понятия не имею что есть CSS. Я дилетант полнейший, впервые собственноручно ковыряю сайт, до этого нанимал специально обученных людей. А тут решил попробовать сам, и вроде всё получилось, окромя этих несчастных контактов.

сложно вам будет работать с шаблонами, без малейшего понятия в стилях (css) и html.

[fedorshvetc 3]

А я уже в самом header.tpl всё в ручную прописал.

[LeFleurs 1]

Делал по такому принципу, но при масштабировании сайта +/- номера телефона уходят то за логотип то за поиск закрепить никак не получается на 1 месте. если использовать fixed то он при прокручивании скролом то ползет за ним., подскажите как решить проблему?

[Dark 13]

Делал по такому принципу, но при масштабировании сайта +/- номера телефона уходят то за логотип то за поиск закрепить никак не получается на 1 месте. если использовать fixed то он при прокручивании скролом то ползет за ним., подскажите как решить проблему?

В какой div вы его поместили? id или class из css этого контейнера напишите.

PS.

увеличение 300... все на месте.

[LeFleurs 1]

Вот поместил так <div id="contacts"> а в CSS вот так

#contacts {
position: absolute;
top: 5px;
right: 900px;
background: url('../image/mobileme.png') no-repeat;
padding-left: 55px;
padding-bottom: 10px;
font-size: 15px;
}

[vik 0]

Напишите,пожалуйста,подробнее в какой div и как надо помещать,и css пропишите,как вы делали! Первый раз в это окунулась,очень сложно разобраться!

[Pascha 631]

Вот поместил так <div id="contacts"> а в CSS вот так

#contacts {
position: absolute;
top: 5px;
right: 900px;
background: url('../image/mobileme.png') no-repeat;
padding-left: 55px;
padding-bottom: 10px;
font-size: 15px;
}

интересно)))

right: 900px; - это ж где? при ширине шаблона в 960px например? или 1025px?

а float: left тут никаким боком не подойдет? и потом padding: ....ну или margin:....(даже может где то около "auto"? никак?

background: url('../image/mobileme.png') no-repeat;

это то же не очень, прямо скажем для любителей фотошопа))), не пойму почему не использовать

width:размер по  ширине.;
height: .размер по высоте;
border: толщина.... метод вывода.... цвет (рамки).;
background:.цвет.;
border-radius: .параметр скругления углов;
и т.д.

далее по тексту, если честно, то же полный абзац)))

P.S. не критикую...но "волшебный пендель" ни кому не повредит))))

[Dark 13]

Немного покаруселил и сделал более интересный вариант с выводом в админке. Писать на форуме новый урок не буду, кому нужно можете взять информацию из моего блога http://opencartadm.b...vtoroyurok.html

PS

если это сообщение администрация считает рекламой - удалите, будет время - перенесу на форум.