Moushe.ru

Блог обо всём

OpenCart 1.5.3 делаем шаблон GreenTea (11 часть)



Меня попросили сделать в шаблоне GreenTea несколько правок, сегодня мы с вами их и реализуем. Что именно будем делать можно посмотреть в тексте полной статьи (жмите кнопку читать далее — будет интересно).

GreenTea

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

1. Картинка корзины должна открывать корзину

2. Добавим в контакты магазина добавление html кода

3. Перерисуем и доработаем стрелки в модуле Карусель

Не удивляйтесь скриншотам – они сделаны с новой установки OC, поэтому настройки страниц немного отличаются.

И так приступим:

1. Откроем файл cart.tpl (../catalog/view/theme/greentea/template/module) и изменим эту строку (3):

<div class="cartimage"><img src="catalog/view/theme/greentea/image/cart.jpg"></div>

на эту:

<div class="cartimage"><a href="index.php?route=checkout/cart"><img src="catalog/view/theme/greentea/image/cart.jpg"></a></div>

2. Открываем файл header.php (../catalog/controller/common) и изменим эту строку (44):

$this->data['headcontacts'] = nl2br($this->config->get('config_headcontacts'));

на эту:

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

Теперь мы можем использовать в контактах свой html код.

2.1. Давайте увеличим размер окна ввода. Откроем файл setting.tpl (../admin/view/template/setting) и вместо этого кода (45-48):

<tr>
<td><?php echo $entry_headcontacts; ?></td>
<td><textarea name="config_headcontacts" cols="40" rows="5"><?php echo $config_headcontacts; ?></textarea></td>
</tr>

вставим этот:

<tr>
<td><?php echo $entry_headcontacts; ?></td>
<td><textarea name="config_headcontacts" cols="40" rows="12"><?php echo $config_headcontacts; ?></textarea></td>
</tr>

Думаю 12 строк будет достаточно для комфортного наполнения контактов.

2.2. Но теперь у нас появилась проблема, а вдруг человек наполняющий контакты не знает что окно ввода контактов поддерживают html код? Давайте сделаем для этого человека подсказку, откроем файл setting.php (../admin/language/russian/setting) и вместо этой строки (30):

$_['entry_headcontacts']            = 'Контакты магазина:';

вставим эту:

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

Так стало намного лучше, не так ли?

3. Возьмём эти картинки и закинем в папку image (../catalog/view/theme/greentea/image):

button-nextbutton-nextactbutton-previousbutton-previousact

3.1. Вы заметили что в прошлом пункте у нас было 4 картинки? Теперь нам нужно научить OpenCart работать с ними, откроем файл carousel.css (../catalog/view/theme/greentea/stylesheet) и после этого кода (35-43):

.jcarousel-skin-opencart .jcarousel-next-horizontal {
position: absolute;
top: 23px;
right: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: url('../image/button-next.png') center no-repeat;
}

добавим этот:

.jcarousel-skin-opencart .jcarousel-next-horizontal:hover {
background: url('../image/button-nextact.png') center no-repeat;
}

и после этого кода (60-68):

.jcarousel-skin-opencart .jcarousel-prev-horizontal {
position: absolute;
top: 23px;
left: 0px;
width: 32px;
height: 32px;
cursor: pointer;
background: url('../image/button-previous.png') center no-repeat;
}

добавим этот:

.jcarousel-skin-opencart .jcarousel-prev-horizontal:hover {
background: url('../image/button-previousact.png') center no-repeat;
}

Теперь при наведении курсором мышки на кнопку прокрутки производителя кнопка меняет свой внешний вид.

На сегодня всё, до новых встреч. Следите за нашими новостями. Улыбка

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

  1. Сергей

    23.01.2013 at 13:45

    Что имелось в виду под «посмотреть в тексте полной статьи», цитирую:
    Что именно будем делать можно посмотреть в тексте полной статьи (жмите кнопку читать далее — будет интересно).
    Где можно найти текст полной статьи?

    Заранее спасибо

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

      23.01.2013 at 21:02

      Все посты выводятся на главной странице, но выводятся в обрезанном виде, этот комментарий именно для этого…

  2. Привет Владислав! за ранее извиняюсь, если не в теме, у меня такой вопрос, как мне убрать полностью нижнюю часть сайта, где Информация, Поддержка, Дополнительно, Личный кабинет, за ранее спасибо, да версия 1.5.3

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

      26.03.2013 at 21:36

      Правьте файл footer.tpl в нём все эти ссылки.

  3. Павел

    11.06.2013 at 16:26

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

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

      14.06.2013 at 19:46

      Куки браузера попробуйте почистить.

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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