Moushe.ru

Блог обо всём

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



Сегодня мы с вами начнём создавать шаблон для OpenCart 1.5.3.1.

1. И так начнём, заходим в папку с шаблонами (../catalog/view/theme) и скопировав шаблон default сохраняем его с названием NewOpen.

2. Откроем админку: система – настройки – изменить – витрина – шаблон магазина – NewOpen – сохранить.

3. Откроем админку: система – настройки – изменить – витрина – изображения – логотип – обзор – загрузить и выбираем это изображение:

logo1

обязательно жмём кнопку сохранить.

4. Откроем файл header.tpl (../catalog/view/theme/NewOpen/template/common) и изменим эту строку (19):

<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />

на эту:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/NewOpen/stylesheet/stylesheet.css" />

5. Закинем в папку image (../catalog/view/theme/NewOpen/image) это изображение:

fonsait

6. Откроем файл stylesheet.css (../catalog/view/theme/NewOpen/stylesheet) и изменим это:

body {
background-color: #ffffff;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

на это:

body {
background: url('../image/fonsait.jpg');
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

потом это:

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

на это:

#container {
background: #FFFFFF;
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-left: 10px;
padding-right: 10px;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-khtml-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
}

и наконец это:

#powered {
margin-top: 5px;
text-align: right;
clear: both;
}

на это:

#powered {
margin-top: 5px;
text-align: right;
clear: both;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
}

На сегодня достаточно, до новых встреч. Улыбка

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

  1. Дмитрий

    17.09.2012 at 13:09

    Уроки очень полезны 🙂 Еще бы хотелось увидеть, как можно сделать упрощенный стиль заказа товара (корзины) в один шаг…

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

    17.09.2012 at 21:37

    Возможно такой урок будет в дальнейшем.

  3. Вы залили весть контейнер белым, подскажите пжл, как сделать что бы заливка была только у блоков, статей и тд, а между промежутками было прозрачно и виден остновной фон, в данном примере рисунок что Вы поставили вместо фона?

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

      25.10.2012 at 21:08

      В container удаляем строку background: #ffffff;

  4. Я конечно ни чего не хочу сказать, но….Вы попробуйте так сделать, в статьях сразу фон прозрачный и буквы сливаются с черным фоновым рисунком)

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

      26.10.2012 at 00:28

      А теперь открываете стили блоков и задаёте им background: #fff;

      сюда:

      .box {
      margin-bottom: 20px;
      text-align: center;
      }

      .box-product {
      width: 100%;
      overflow: auto;
      }

  5. Игорь

    28.11.2012 at 21:35

    Здравствуйте!
    Сделал все как Вы описали и фон получился разноцветный в пиксельных квадратиках, а не как фото нормального фона 😥
    В чем может быть проблема? 😯
    С уважением, Игорь

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

      28.11.2012 at 21:44

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

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

      29.11.2012 at 21:23

      Не вижу вашего проблемного фона.

  6. Игорь

    29.11.2012 at 22:04

    Фон должен был быть голубым!

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

      30.11.2012 at 00:46

      У вас на сайте уже другой шаблон, помощь по шаблону NewOpen видимо уже не нужна ?

  7. Владислав!Если можете помогите.У меня на сайте не сохраняются изменения в шаблоне.На форуме не кто не ответил.тема http://opencartforum.ru/topic/15472-%D0%BD%D0%B5-%D1%81%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D1%8F%D1%8E%D1%82%D1%81%D1%8F-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B2-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B5/page__fromsearch__1

    как мне написали что проблема такая:ошибка в переменных text_cart и text_item
    не определена переменная. Соответственно надо искать, где она прописана, а в данном случае добавлена через vqmod в файл — (catalog/view/theme/dropblue/template/common/header.tpl) и откуда не подгружается. Т.е. в файл шаблона она добавлена, так как выгружает он из кэша этот файл, но в файле контроллера переменная не задана.
    Варианта 2 — смотреть файлы контроллера (catalog/controller/common/header.php) либо языковые файлы (catalog/language/russian/common/header.php)
    и внимательно смотрите vqmod, возможно он не находит строки в файлах контроллера или языковых
    Можете помочь?

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

      17.12.2012 at 00:12

      Нет не смогу помочь, маловато знаний 🙁

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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