суботу, 15 лютого 2014 р.

Выводим контакты в шапку (2 урок)



Сегодня речь пойдет о:
- как вывести дополнительные поля контактов в админ панели;
- как вывести нужное количество контактов (номеров телефона, skype, ICQ и т.д.);
Также в есть урок первый: Как переместить контакты в шапку
И так, для начала скажу, что бы применить этот урок у себя на сайте, для этого понадобится примерно 30-60 минут времени.

0. Как всегда я рекомендую сделать сделать копии следующих файлов:
\admin\language\russian\setting\setting.php
\admin\view\template\setting\setting.tpl
\admin\controller\setting\setting.php
\catalog\controller\common\header.php
\catalog\view\theme\default\template\common\header.tpl
\catalog\view\theme\default\stylesheet\stylesheet.css
OpenCart 1.5.4.1.
1. Открываем файл: 
\admin\view\template\setting\setting.tpl
находим:

<tr>
<td><span class="required">*</span> <?php echo $entry_email; ?></td>
<td><input type="text" name="config_email" value="<?php echo $config_email; ?>" size="40" />
<?php if ($error_email) { ?>
<span class="error"><?php echo $error_email; ?></span>
<?php } ?></td>
</tr>


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

<tr>
<td><?php echo $entry_image_contact; ?>
<td><input type="text" name="config_image_from" value="<?php echo $config_image_from; ?>" />
<?php echo $entry_image_from; ?>
<br><input type="text" name="config_margin_left" value="<?php echo $config_margin_left; ?>" />px
<?php echo $entry_margin_left; ?>
</td>
</tr>

<tr>
<td><?php echo $entry_contact; ?> - 1
<td><input type="text" name="config_contact1" value="<?php echo $config_contact1; ?>" />
<br><input type="text" name="config_contacticon1" value="<?php echo $config_contacticon1; ?>" />
<?php echo $entry_contacticon; ?>
</td></td>
</tr>

<tr>
<td><?php echo $entry_contact; ?> - 2
<td><input type="text" name="config_contact2" value="<?php echo $config_contact2; ?>" />
<br><input type="text" name="config_contacticon2" value="<?php echo $config_contacticon2; ?>" />
<?php echo $entry_contacticon; ?>
</td></td>
</tr>



2. Открываем файл: 
\admin\controller\setting\setting.php
находим:

$this->data['config_address'] = $this->config->get('config_address');
     }


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

$this->data['entry_image_from'] = $this->language->get('entry_image_from');
$this->data['entry_image_contact'] = $this->language->get('entry_image_contact');
if (isset($this->request->post['config_image_from'])) {
$this->data['config_image_from'] = $this->request->post['config_image_from'];
} else {
$this->data['config_image_from'] = $this->config->get('config_image_from');
}

$this->data['entry_margin_left'] = $this->language->get('entry_margin_left');
if (isset($this->request->post['config_margin_left'])) {
$this->data['config_margin_left'] = $this->request->post['config_margin_left'];
} else {
$this->data['config_margin_left'] = $this->config->get('config_margin_left');
}

if (isset($this->request->post['config_contact1'])) {
$this->data['config_contact1'] = $this->request->post['config_contact1'];
} else {
$this->data['config_contact1'] = $this->config->get('config_contact1');
}
if (isset($this->request->post['config_contacticon1'])) {
$this->data['config_contacticon1'] = $this->request->post['config_contacticon1'];
} else {
$this->data['config_contacticon1'] = $this->config->get('config_contacticon1');
}

if (isset($this->request->post['config_contact2'])) {
$this->data['config_contact2'] = $this->request->post['config_contact2'];
} else {
$this->data['config_contact2'] = $this->config->get('config_contact2');
}
if (isset($this->request->post['config_contacticon2'])) {
$this->data['config_contacticon2'] = $this->request->post['config_contacticon2'];
} else {
$this->data['config_contacticon2'] = $this->config->get('config_contacticon2');
}


находим:


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


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


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



3. Открываем: 
\catalog\controller\common\header.php
находим:

$this->data['logo'] = '';
}


после копируем и вставляем:

$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');


4. Далее нужно открыть: 
\admin\language\russian\setting\setting.php
ищем:

// Entry


после копируем и вставляем следующий текст:

$_['entry_contact'] = 'Контакты';
$_['entry_contacticon'] = '<span style="color: red;">< < < </span> Иконка контакта';
$_['entry_margin_left'] = '<span style="color: red;">< < < </span> Отступ текста слева';
$_['entry_image_from'] = 'Путь к папке с иконкой';
$_['entry_image_contact'] = 'Иконка';


5. Открываем нужный файл: 
\catalog\view\theme\default\template\common\header.tpl
в этом файле нужно вставить данный текст в то место, где будут выводится наши контакты. Например у меня после контейнера <div id="search">...</div>: 

<div id="contact_bg">

<div id="contact_info_head1">

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

<div style="padding-left:<?php echo $marg_left; ?>px; height: 16px; line-height: 16px; margin-top: 5px; background: url('<?php echo $im_from; ?><?php echo $conicon2; ?>') no-repeat; background-size: auto; ">
<?php echo $cont2; ?>
</div>

</div>
</div>


5.1. Мой стиль <div id="contact_bg"> в файле:
\catalog\view\theme\default\stylesheet\stylesheet.css


#contact_bg {
position: absolute;
background: url("../image/contact_header_bg.gif") center center no-repeat;
width: 277px;
height: 100px;
right: 0px;
left: 300px;
top: 5px;
}


5.2. Мой стиль <div id="contact_info_head1"> в файле:
\catalog\view\theme\default\stylesheet\stylesheet.css


#contact_info_head1 {
position: absolute;
width:240px;
left: 10px;
top: 10px;
text-align: left;
font-size: 12px;
color: #E8E8E8;
z-index: 8;
}


6. Результат:
 
 
 
У нас вы можете выбрать и купить парктроники по самым заманчивым ценам

Немає коментарів:

Дописати коментар