Выводим контакты в "Связаться с нами"

Перед изучением и применением этого урока, нужно сначала сделать этот урок Выводим контакты в шапку (2 урок).
В этом уроке мы будем:
- выводить уже создание контакты на страницу: information/contact .

В OpenCart плохо продуманы вывод контактных данных - номера телефонов, Skype и т.д. Над этим вопросом начинает задумываться все, кто использует этот CMS. В прошлом уроке Выводим контакты в шапку (2 урок) мы разобрались, как это все нарисовать в админ панели, как вывести в шапку, а теперь это все выводим в /information/contact.

0. Делаем копии на всякий случай этих файлов:

\catalog\view\theme\default\template\information\contact.tpl

\catalog\controller\information\contact.php

1. Открываем файл:

\catalog\controller\information\contact.php

ищем:

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

после вставляем:

$this->data['im_from'] = $this->config->get('config_image_from');

$this->data['marg_left'] = $this->config->get('config_margin_left');

$this->data['cont1'] = $this->config->get('config_contact1');

$this->data['conicon1'] = $this->config->get('config_contacticon1');

$this->data['cont2'] = $this->config->get('config_contact2');

$this->data['conicon2'] = $this->config->get('config_contacticon2');

2. Теперь непосредственно выводим на страницу \information\contact.

открываем: 

\catalog\view\theme\default\template\information\contact.tpl

находим:

<div class="right">

удаляем все то, что не нужно до закрывающего тега </div>.

копируем:

<?php if ($cont1) { ?>

<div style="padding-left:<?php echo $marg_left; ?>px; height: 20px; line-height: 15px; background: url('<?php echo $im_from; ?><?php echo $conicon1; ?>') no-repeat; background-size: auto; ">

<?php echo $cont1; ?>

</div>

<?php } ?>

<?php if ($cont2) { ?>

<div style="padding-left:<?php echo $marg_left; ?>px; height: 20px; line-height: 15px; background: url('<?php echo $im_from; ?><?php echo $conicon2; ?>') no-repeat; background-size: auto; ">

<?php echo $cont2; ?>

</div>

<?php } ?>

и вставляем это все в <div class="right">СЮДА</div>

3. Урок закончен.

Примечание: если вы заметили есть такие вот атрибуты: height: 20px; line-height: 15px;

height: 20px - высота ячейки (ну это понятно);

line-height: 15px - а этот атрибут будет выравнивать по центру (вертикаль) ваш текст относительно иконки.