Moushe.ru

Блог обо всём

OcStore 1.5.4.1 делаем шаблон NextShop (2 часть)



Продолжим создавать наш шаблон для OcStore 1.5.4.1, сегодня мы с вами займёмся настройками магазина, настроим размер изображений, переместим хлебные крошки, удалим не нужные языки и валюты, встроим в админку 2 новых блока для вывода нужной вам информации. Как вы можете видеть урок будет большим.

ocstore nextshop 2ocstore nextshop 3

Список задач на сегодня:

1. Выберем наш шаблон

2. Растянем наш шаблон

3. Настроим изображения

4. Изменим хлебные крошки в папке product

5. Удаляем лишние языки и валюты

6. Встроим в админку 2 новых информационных блока

7. Встроим в витрину наши информационные блоки

Приступим:

1. Откроем админку и переходим по вкладкам:

Система / Настройки / Изменить / Витрина / Шаблон магазина: nextshop / Сохранить

2. Откроем файл ../catalog/view/theme/nextshop/stylesheet/stylesheet.css и вместо этих строк (67-72):

#container {
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

вставим эти:

#container {
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

3. Откроем админку нашего интернет магазина и переходим по вкладкам:

Система / Настройки / Изменить / Изображения / и настраиваем изображения как на картинке ниже:

images settings

жмём кнопку Сохранить.

4. Откроем файл ../catalog/view/theme/nextshop/template/product/category.tpl и изменим эти строки (1-7):

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>

на эти:

<?php echo $header; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>

4.1. Откроем файл ../catalog/view/theme/nextshop/template/product/manufacturer_info.tpl и изменим эти строки (1-7):

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>

на эти:

<?php echo $header; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>

4.2. Откроем файл ../catalog/view/theme/nextshop/template/product/manufacturer_list.tpl и изменим эти строки (1-7):

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>

на эти:

<?php echo $header; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>

4.3. Откроем файл ../catalog/view/theme/nextshop/template/product/product.tpl и изменим эти строки (1-7):

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>

на эти:

<?php echo $header; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>

4.4. Откроем файл ../catalog/view/theme/nextshop/template/product/search.tpl и изменим эти строки (1-7):

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>

на эти:

<?php echo $header; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>

4.5. Откроем файл ../catalog/view/theme/nextshop/template/product/special.tpl и изменим эти строки (1-7):

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>

на эти:

<?php echo $header; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>

5. Откроем админку и переходим по вкладкам:

Система / Настройки / Изменить / Локализация / Валюта: Рубль / Автоматическое обновление валют: Нет / Сохранить

5.1 Откроем админку и переходим по вкладкам:

Система / Локализация / Языки / ставим галочку напротив English и жмём кнопку удалить.

5.2. Откроем админку и переходим по вкладкам:

Система / Локализация / Валюты / ставим галочки напротив Euro и US Dollar и жмём кнопку удалить. Нажмём кнопку изменить в строке с рублём и настраиваем валюту как на картинке:

6. Откроем файл ../admin/view/template/setting/settings.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>

вставим эти:

<tr>
<td><?php echo $entry_headinfo; ?></td>
<td><textarea name="config_headinfo" cols="40" rows="12"><?php echo $config_headinfo; ?></textarea></td>
</tr>
<tr>
<td><?php echo $entry_footerinfo; ?></td>
<td><textarea name="config_footerinfo" cols="40" rows="12"><?php echo $config_footerinfo; ?></textarea></td>
</tr>

6.1. Откроем файл ../admin/language/russian/setting/setting.php и после этой строки (29):

$_['entry_address']            = 'Адрес магазина:';

вставим эти:

$_['entry_headinfo']            = 'Информация в шапке сайта:<br /><span class="help">Поддерживается html, советую вставлять сюда телефон и часы работы.</span>';
$_['entry_footerinfo']          = 'Информация в футере сайта:<br /><span class="help">Поддерживается html, советую вставлять сюда адрес магазина.</span>';

6.2. Откроем файл ../admin/controller/setting/setting.php и после этой строки (52):

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

вставим эти:

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

а после этих строк (341-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');
}

вставим эти:

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

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

6.3. Откроем админку и переходим по вкладкам:

Система / Настройки / Изменить и видим 2 новых окна для ввода (если вы всё сделали без ошибок):

ocstore nextshop 1

7. Откроем файл ../catalog/view/theme/nextshop/template/common/header.tpl и после этих строк (52-53):

<?php echo $language; ?>
<?php echo $currency; ?>

вставим эту:

<?php echo $headinfo; ?>

7.1. Откроем файл ../catalog/view/theme/nextshop/template/common/footer.tpl и после этих строк (29-37):

<div class="column">
<h3><?php echo $text_account; ?></h3>
<ul>
<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
</ul>
</div>

вставим эти:

<div class="column">
<h3><?php echo $text_info; ?></h3>
<ul>
<?php echo $footerinfo; ?>
</ul>
</div>

7.2. Откроем файл ../catalog/language/russian/common/footer.php и после этой строки (13):

$_['text_account']      = 'Личный Кабинет';

вставим эту:

$_['text_info']         = 'Наш адрес:';

(Вы можете вставить любой текст, какой посчитаете нужным, либо позже замените на свой текст)

7.3. Откроем файл ../catalog/controller/common/header.php и после этой строки (68):

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

вставим эту:

$this->data['headinfo'] =  html_entity_decode($this->config->get('config_headinfo'), ENT_QUOTES, 'UTF-8');

7.4. Откроем файл ../catalog/controller/common/footer.php и после этой строки (16):

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

вставим эти:

$this->data['text_info'] = $this->language->get('text_info');
$this->data['footerinfo'] =  html_entity_decode($this->config->get('config_footerinfo'), ENT_QUOTES, 'UTF-8');

7.5. Теперь зайдём в админку, заполним наши информационные блоки и посмотрим на витрину:

ocstore nextshop 2ocstore nextshop 3

как вы можете увидеть, всё работает.

В следующем уроке мы подкорректируем внешний вид наших блоков, следите за новостями.

29 Комментариев

  1. Ольга

    06.05.2013 at 00:01

    Спасибо за урок. Получилось добавить инфо о времени работы и адрес, но при сохранении настроек возникает ошибка «Предупреждение : Не удается изменить информацию в заголовке — заголовки уже прислал (выход начался в Z: \ главная \ локальный \ WWW \ магазин \ Admin \ язык \ Русские \ Настройка \ setting.php: 1) в Z: \ главная \ локальный \ WWW \ Магазин \ System \ Двигатель \ controller.php на линии 28 Предупреждение : Не удается изменить информацию в заголовке — заголовки уже прислал (выход начался в Z: \ главная \ локальный \ WWW \ магазин \ Admin \ язык \ Русские \ Настройка \ setting.php: 1) в Z: \ главная \ локальный \ WWW \ магазин \ System \ Двигатель \ controller.php на линии 29». Подскажите, как ее исправить?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      06.05.2013 at 21:13

      Вы бы лучше написали содержимое ошибки а не строки.

  2. Мирослав

    07.05.2013 at 09:02

    Как реализовать 6 пункт при мультиязычности.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      07.05.2013 at 12:12

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

  3. Владислав, а что означает хлебные крошки ?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      17.05.2013 at 21:03

      Хлебные крошки это цепочка ссылок которая помогает вам лучше ориентироваться на страницах сайта, обычно их выводят на всех страницах кроме главной, располагаются обычно под панелью навигации. (Например — Главная/Каталог/Товар)

  4. Андрей

    01.06.2013 at 03:42

    Классно!!Всё как в аптеке. Спасибо!!

  5. окна не появляются, а выдает код вот таких ошибок:
    Notice: Undefined variable: entry_headinfo in /home/monsterl/public_html/admin/view/template/setting/store_list.tpl on line 46
    и
    Notice: Undefined variable: entry_footerinfo in /home/monsterl/public_html/admin/view/template/setting/store_list.tpl on line 50

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      14.06.2013 at 19:40

      Значит где то допустили ошибку.

  6. Препятствие на п.5 — нет поля Автоматическое обновление валют, и не могу удалить доллар, хотя значение на единичку поменял для руб. пришет доллар по умолчанию

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      14.06.2013 at 19:41

      Версия OcStore 1.5.4.1 ?

  7. Евгений

    13.07.2013 at 12:41

    Очень интересные материалы, хотел спросить, у меня после удаления ненужных валют (доллара) слетели шрифты что можно сделать? Спасибо.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      13.07.2013 at 12:54

      Ни разу с таким не сталкивался, дайте ссылку на сайт будем смотреть.

  8. Здравствуй, хочу удалить внешние ссылки на сайте движок opencart 1.5.4.1 ,подскажи пожалуйста как возможно их удалить, при проверки на pr-cy выдает внешнюю ссылку на порносайт( может когда модуль какой не помню устанавливал)Заранее благодарю

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      15.07.2013 at 21:32

      С помощью браузера посмотрите html шаблона и если увидите ссылку запоминайте место, если будет в модуле то правьте файл локализации или tpl

  9. Добрый день!

    Скажите в чем может быть проблема?

    Как только добавляю:
    7. Откроем файл ../catalog/view/theme/nextshop/template/common/header.tpl и после этих строк (52-53):

    вставим эту:

    Сразу же пишет ошибку переменная неопределенна( удаляю назад все работает как нужно…

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      12.08.2013 at 22:40

      Добрый, а если урок выполнить до конца?

  10. О, что надо инфа. Даже хочется, чтобы эта статья повыше была в Яндексе по запросу «создание темы для ocstore» 🙂 Только как попал на статью, сразу возникло желание начать изучение с первой части. Так что автору советую подумать над размещением соответствующей ссылки в начале статьи 😉

  11. Александр

    28.01.2014 at 10:30

    Владислав в чем может быть проблема? проделал пункты 6-7, в футере адрес появился, а в хедере телефон нет, в админке все как положено. Спасибо!

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      28.01.2014 at 18:13

      Значит гдето спряталась ошибка.

    • Александр

      28.01.2014 at 19:37

      Переделал по отдельному уроку, все появилось, где то накосячил!
      Владислав может знаете, как убрать кнопку купить если товара нет в наличии?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      28.01.2014 at 22:16

      На myopencart.ru есть модуль меняющий надпись купить на надпись предзаказ (её можно переименовать в кнопку нет в наличии)

    • Александр

      29.01.2014 at 07:59

      Спасибо! Сейчас поищу!

  12. Александр

    03.02.2014 at 18:36

    Владислав Добрый вечер! Подскажите пожалуйста может знаете модуль какой ну или советом!

    Такая ситуация, в магазине есть условно говоря три категории товаров.

    Первая: товары, которые есть в наличии непосредственно в магазине или у поставщиков в городе и доступны к самовывозу в течении 24 часов.

    Вторая: товары которые есть у поставщиков в Москве и будут доступны через 5-7 дней.

    Третья: товара нет в наличии ни где!

    Так вот, что мне нужно сделать, нужна возможность присваивать товарам статусы (ну или еще как нибудь реализовать), что бы в зависимости от статуса товара, менялась кнопка «КУПИТЬ» ну или хотя бы статус, к примеру в первом случае она должна быть купить, во втором заказать, в третьем пропадала НЕТ В Наличии

    Возможно ли это проделать, как думаете? или такой модуль Пример http://www.citilink.ru/catalog/audio_and_digits/tv/773434/ (Наличие на складах) Подскажите пожалуйста куда копать и как попроще это реализовать? Спасибо большое!!

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      03.02.2014 at 22:27

      В карточке товара выводится количество товара, спросите на оф форуме myopencart.ru как это количество вывести в категории и в модули, + найдите там-же вкьюмод который при нулевых остатках товара меняет надпись на кнопке, вместо слова купить надпись меняется на надпись предзаказ (слово можно изменить на нужное).

  13. Дмитрий

    20.02.2014 at 10:11

    Здравствуйте, Владислав. Подскажите как можно вставить в витрину модуль для ключевых слов, такой же как присутствует для описания.
    Благодарю.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      20.02.2014 at 14:58

      Для категорий ключевые слова вбивайте в это поле — Мета-тег Keywords: или вы про метки? Если про метки то ищите здесь модуль — opencart.com

  14. Дмитрий

    20.02.2014 at 18:36

    Нет, я про главную страницу там нет ключевых слов почему то, описание я могу в витрине сделать а ключевые никак добавить не могу, и при проверке ответа сервера в содержимом главной страницы я не вижу Мета-тег Keyword

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика