Встраиваем в админку поля для адреса, электронки и названия сайта для вывода в шапку сайта.
"ocStore - это онлайн магазин, который основан на базе Opencart и имеет открытый исходный код . Очень простое и надёжное решение для желающих создать собственный онлайн бизнес при минимальных затратах.
ocStore полностью русифицированный stable-дистрибутив и содержит в себе самое необходимое для установки на ваш хостинг. Он многофункционален, прост в использовании, дружелюбен к поисковым системам и имеет простой и привлекательный интерфейс." Бесплатен.
1. Скачиваем OpenCart http://myopencart.ru . Я использую версию ocStore 1.5.3
2. Устанавливаем на хостинг
Так выглядит стандартный интернет магазин на CMS OcStore.
[448x260]
Мне честно говоря этот дизайн не по душе, поэтому я приступаю к редактированию шаблона и установке дополнительных модулей.
Немного поработав над ним он стал вот таким:
[448x241]
3. После установки движка, сразу поставила модуль "vqmod-2.3.2-opencart";
4. Включила в админке ЧПУ, переименовала файл .htaccess.txt в .htaccess;
5. Добавила модуль для автоматической генерации сео урлов deadcow_seo_v2.1_automod_1.5.3;
6. С помощью css перекрасила меню и ссылки, поменяла шрифт.
Теперь практика:
Встраиваем в админку поля для адреса, электронки и названия сайта для вывода в шапку сайта.
1) для телефонов: headerphone
2) для названия сайта: headersitename
3) для время работы: headerwork
4) для электронки: headermail
Редактируемые файлы:
../admin/view/template/setting/setting.tpl
../admin/language/russian/setting/setting.php
../admin/controller/setting/setting.php
../catalog/controller/common/header.php
../catalog/view/theme/default/template/common/header.tpl
1.1 Откроем файл ../admin/view/template/setting/setting.tpl и после этих строк (38-44):
<tr>
<td><span class="required">*</span> <?php echo $entry_address; ?></td>
<td><textarea name="config_address" cols="40" rows="5"><?php echo $config_address; ?></textarea>
<?php if ($error_address) { ?>
<span class="error"><?php echo $error_address; ?></span>
<?php } ?></td>
</tr>
Вставим эти:
1)для телефонов стр 45-48,
<tr>
<td><?php echo $entry_headerphone; ?></td>
<td><textarea name="config_headerphone" cols="40" rows="10"><?php echo $config_headerphone; ?></textarea></td>
</tr>
2)для названия сайта стр 49-52,
<tr>
<td><?php echo $entry_headersitename; ?></td>
<td><textarea name="config_headersitename" cols="40" rows="10"><?php echo $config_headersitename; ?></textarea></td>
</tr>
3)для время работы стр 53-56,
<tr>
<td><?php echo $entry_headerwork; ?></td>
<td><textarea name="config_headerwork" cols="40" rows="10"><?php echo $config_headerwork; ?></textarea></td>
</tr>
4)для электронки стр 57-60,
<tr>
<td><?php echo $entry_headermail; ?></td>
<td><textarea name="config_headermail" cols="40" rows="10"><?php echo $config_headermail; ?></textarea></td>
</tr>
1.2 Откроем файл ../admin/language/russian/setting/setting.php и после этих строк (28-29):
$_['entry_owner'] = 'Владелец магазина:';
$_['entry_address'] = 'Адрес магазина:';
вставим эти:
1)для телефонов стр 30,
$_['entry_headerphone'] = 'Контактные телефоны магазина:<br /><span class="help">Отображаются в шапке вашего магазина, можно использовать html код. </span>';
2)для названия сайта стр 31,
$_['entry_headersitename'] = 'Название Вашего магазина:<br /><span class="help">Отображаются в шапке вашего магазина, можно использовать html код. </span>';
3)для время работы стр 32,
$_['entry_headerwork'] = 'Время работы магазина:<br /><span class="help">Отображаются в шапке вашего магазина, можно использовать html код. </span>';
4)для электронки стр 33,
$_['entry_headermail'] = 'Контактный емаил магазина:<br /><span class="help">Отображаются в шапке вашего магазина, можно использовать html код. </span>';
1.3 Откроем файл ../admin/controller/setting/setting.php и после этих строк (51-52):
$this->data['entry_owner'] = $this->language->get('entry_owner');
$this->data['entry_address'] = $this->language->get('entry_address');
вставим эти:
1)для телефонов стр 53,
$this->data['entry_headerphone'] = $this->language->get('entry_headcontacts');
2)для названия сайта стр 54,
$this->data['entry_headersitename'] = $this->language->get('entry_headersitename');
3)для время работы стр 55,
$this->data['entry_headerwork'] = $this->language->get('entry_headerwork');
4)для электронки стр 56,
$this->data['entry_headermail'] = $this->language->get('entry_headermail');
а после этих строк (343-345):
if (isset($this->request->post['config_address'])) {
$this->data['config_address'] = $this->request->post['config_address'];
} else {
$this->data['config_address'] = $this->config->get('config_address');
}
вставим эти:
1)для телефонов стр 347-351,
if (isset($this->request->post['config_headerphone'])) {
$this->data['config_headerphone'] = $this->request->post['config_headerphone'];
} else {
$this->data['config_headerphone'] = $this->config->get('config_headerphone');
}
2)для названия сайта стр 352-356,
if (isset($this->request->post['config_headersitename'])) {
$this->data['config_headersitename'] = $this->request->post['config_headersitename'];
} else {
$this->data['config_headersitename'] = $this->config->get('config_headersitename');
}
3)для время работы стр 357-361,
if (isset($this->request->post['config_headerwork'])) {
$this->data['config_headerwork'] = $this->request->post['config_headerwork'];
} else {
$this->data['config_headerwork'] = $this->config->get('config_headerwork');
}
4)для электронки стр 362-366,
if (isset($this->request->post['config_headermail'])) {
$this->data['config_headermail'] = $this->request->post['config_headermail'];
} else {
$this->data['config_headermail'] = $this->config->get('config_headermail');
}
Заходим в админку:
Система / Настройки / Изменить и смотрим, под адресом магазина должны появиться новые поля для ввода: телефоны,название сайта,время работы и емаил магазина. Пробуем их заполнить и жмём кнопку сохранить, снова заходим на эту страницу и проверяем сохранились ли наши введенные данные. Если всё прошло успешно переходим к следующему шагу.
1.4 Откроем файл ../catalog/controller/common/header.php и после этой строки (43):
$this->data['text_home'] = $this->language->get('text_home');
вставим эти:
1)для телефонов, стр 44
$this->data['headerphone'] = html_entity_decode($this->config->get('config_headerphone'), ENT_QUOTES, 'UTF-8');
2)для названия сайта стр 45,
$this->data['headersitename'] = html_entity_decode($this->config->get('config_headersitename'), ENT_QUOTES, 'UTF-8');
3)для время работы, стр 46,
$this->data['headerwork'] = html_entity_decode($this->config->get('config_headerwork'), ENT_QUOTES, 'UTF-8');
4)для электронки стр 47,
$this->data['headermail'] = html_entity_decode($this->config->get('config_headermail'), ENT_QUOTES, 'UTF-8');
1.5 Откроем файл ../catalog/view/theme/default/template/common/header.tpl и после этих строк (67-73):
<div id="welcome">
<?php if (!$logged) { ?>
<?php echo $text_welcome; ?>
<?php } else { ?>
<?php echo $text_logged; ?>
<?php } ?>
</div>
Вставим эти:
1) стр 74,
<div>
<phone><?php echo $headerphone; ?></phone>
</div>
2) стр 77,
<div>
<sitename><?php echo $headersitename; ?></sitename>
</div>
3) стр 80,
<div>
<rwork><?php echo $headerwork; ?></rwork>
</div>
4)
<div> стр 83,
<mail><?php echo $headermail; ?></mail>
</div>
Переходим на витрину нашего магазина и проверяем отображаются ли наши контакты в шапке сайта, расположение контактов мы настроим позже, сейчас главное, чтобы контакты отображались:
как видим контакты появились, теперь проверим работу html тегов (я воспользовалась тегами <br> ):
Все работает!
2.1 Теперь создадим стили для отображения этих данных в шапке сайта.
Откроем файл ../catalog/view/theme/default/template/stylesheet/stylesheet.css и добавим:
1) для телефонов стр 314,
phone {
position: absolute;
top: 130px;
left: 40px;
font-family: Verdana;
}
2) для названия сайта стр 326,
sitename {
font-family: Monotype Corsiva, serif;
font-size: 50px;
color: #3B2720;
text-shadow: 2px 2px 2px #000000;
float: right;
position: absolute;
top: 65px;
margin-left: 230px;
width: 500px;
}
Описание сайта я заключила в теги <p> и в файле ../catalog/view/theme/default/template/stylesheet/stylesheet.css добавила правило:
sitename p {
position: absolute;
top: 250px;
left: 30px;
font-size: 16px;
font-family: Bookman Old Style;
text-align: center;
font-style: italic;
color: #3B2720;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
3) для время работы, стр 320
rwork {
position: absolute;
top: 150px;
left: 20px;
font-family: Verdana;
}
4) для электронки стр 349,
mail {
position: absolute;
top: 75px;
left: 5px;
font-family: Verdana;
}
Дальше планирую изменить ссылки в верхнем меню.
