Moushe.ru

Блог обо всём

OpenCart 1.5.1 шаблон fly (1 часть)



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

До:                                                      После:

13

1. Заходим в папку с шаблонами (..\catalog\view\theme) и скопировав шаблон default на рабочий стол компьютера переименовываем его в fly, закидываем получившуюся папку обратно в шаблоны.

2. Заходим в админку: Система – Настройки – Изменить – Витрина. Шаблон магазина fly – Сохранить. Всё наш шаблон выбран.

3. Отключим баннеры: Система – Дизайн – отключаем Hp Products, Manufacturers, Samsung Tab.

4. Смотрим на сайт, если всё сделано правильно он будет выглядеть так:

2

5. Отключаем вывод баннеров: Дополнения – Модули. Баннер — Отключить.

6. Отключаем вывод производителей: Дополнения – Модули – Карусель – Отключить.

7. Отключаем слайдшоу: Дополнения – Модули – Слайдшоу – Отключить.

8. Откроем файл featured.php (..\catalog\language\russian\module) и изменим это:

$_['heading_title'] = 'Рекомендуем';

на это:

$_['heading_title'] = 'Рекомендуемые товары';

9. Откроем файл header.tpl (..\catalog\view\theme\fly\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/fly/stylesheet/stylesheet.css" />

эту (38):

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

на эту:

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

эту (41):

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

на эту:

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

Теперь наш шаблон использует свою таблицу стилей, а не стандартную из шаблона default.

10. Откроем файл stylesheet.css (..\catalog\view\theme\fly\stylesheet) и изменим это (603-616):

.box .box-heading {
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
border: 1px solid #DBDEE1;
background: url('../image/background.png') repeat-x;
padding: 8px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #333;
}

на это:

.box .box-heading {
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
border: 1px solid #DBDEE1;
background: url('../image/background.png') repeat-x;
padding: 8px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
color: #333;
text-align: center;
}

Смотрим на нашу витрину:

3

Первоначальная настройка завершена. Продолжение следует…

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

  1. Владислав, спасибо за посты.
    Жаль, конечно, что штатное обновление между версиями не поддерживается.
    Только накопился материал на версию 1.4х, а тут 1.5.х выпустили, и все собранные знания приходится «портировать» на новую, чуть более чем на 99,9% переписанную систему шаблонов 🙁
    Я уже о joomla начал задумываться…

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

      07.01.2012 at 13:27

      Джумла мне не нравится — ставишь джумлу, устанавливаешь сверху кучу модулей, включаешь их исправляешь ошибки, наполняешь магаз товаром и ох**ваешь от «быстрой работы», посмотрите на ShopScriptFree Lego Edition и на PrestaShop, если что можно и на PhPShopFree поднять магаз или на мало популярном TomatoShop. 🙂

  2. Максим

    07.01.2012 at 16:34

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

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

    07.01.2012 at 16:47

    Самое простое это просто открыть модуль ( для примера ) featured.tpl ( ..catalogviewthemeflytemplatemodule )
    и перед 8 строкой ставим < *center> и после 23 строки < */center> и тогда у вас картинка товара, название, цена и кнопка купить будут по центру. (* — удалите, html и php код в комментарии WordPress’а косячно вставляются)

  4. Максим

    08.01.2012 at 15:29

    спасибо

  5. Максим

    08.01.2012 at 19:55

    Подскажите, пожалуйста, как сделать бесконечную длину меню сайта. repeat-x не помогает .

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

      08.01.2012 at 21:24

      repeat-x просто клонирует фон по ширине. А зачем вам бесконечное меню ? Не понял эту фишку 🙂 Или вы хотите растянуть ширину шаблона ?

  6. Максим

    08.01.2012 at 23:34

    Чтоб меня не заканчивалось границами шаблона, а выходило за рамки — на всю длину отображения в браузере. Ну, например, как на iguides.ru

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

      09.01.2012 at 21:16

      Задаёте 100% ширину шаблона, и правите отступы для логотипа и тд.

      из этого:
      #container {
      width: 980px;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
      }

      делаем это:
      #container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
      }

  7. Дмитрий

    09.01.2012 at 17:35

    Я переделал несколько модулей, ну чтоб текст и кнопка цены была по центру, всё удачно. Но вопрос: модуль «Акции», с 5-ю товарами, в правой или левой колонке на страницах выглядит отлично, а на Гл. странице, в шапке, сам модуль стоит очень левее (остаётся много места справа). Как его разместить по центру? Или нуна делать дубль модуля..?

  8. Спасибо огромное за инфо — я повторяю шаг за шагом и всё верно и всё получаеться
    Единственное — это то что хочеться таких уроков побольше и чаще ))
    сори конечно-же — но вы молодцы — Спасибо большое

  9. kvartnikstroy.ru

    10.01.2012 at 12:51

    Многие наверное сталкивались с такой ситуацией, когда дефолтный шаблон не нравится и приходится установить другой. Но тогда возникают небольшие ( для кого то и большие) проблемы с установкой дополнений и пр. так как они заточены под default.
    Как же понравившийся шаблон сделать default?
    Заходим в папку с шаблонами установочного дистрибутива (..catalogviewthemedefault и удаляем из этой папки все что в ней есть. После чего берем файлы внутри понравившегося шаблона ( например: yooblue и скидываем в папку default, внимание берем только файлы внутри папки, а не саму папку) .

    9. Откроем файл header.tpl (..catalogviewthemedefaulttemplatecommon) и меняем во всех ссылках ..yooblue… на ..default…
    После чего устанавливаете обычным образом дистрибутив.
    Теперь у Вас есть OpenCart со своим дефолтным шаблоном. Для версии 1.5.1.3

  10. kvartnikstroy.ru

    11.01.2012 at 13:03

    Хотел еще добавить:
    берем рисунок от новой темой ( обычно он называется так же как и тема) переименовываем его в default и кидаем в папку imagetemplates
    Теперь и в админпанели, там где выбирается шаблон будет правильный рисунок….

  11. vkontakte.ru Сергей Александрович

    13.01.2012 at 13:57

    Здравствуйте! Столкнулся с такой проблемой: не могу вывести изображения у подкатегорий…
    ПРи щелчке на главную категорию, подкатегории просто перечислены списком, а я хочу что бы было как Витрина…
    Заранее спасибо 🙂

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

      13.01.2012 at 14:32

      В файле product.tpl ( ..catalogviewthemeflytemplateproduct ) нужно править 25-40 строку, но пока ещё не нашёл как именно 🙂

  12. Подскажите как в верхнюю часть там где корзина валюта, добавить скажем кнопку скайпа, и контакты, номер телефона почту и т.д.

  13. kvartnikstroy.ru

    13.01.2012 at 19:05

    Сергей Александрович! Скачайте этот модуль http://maxzon.ru/module/module-151/79-modul-display-subcat-images-dlya-opencart-v151.html и следуйте инструкциям

  14. vkontakte.ru Сергей Александрович

    14.01.2012 at 14:37

    Спасибо огромное за ответы!!! 🙂
    Сейчас ломаю голову над тем как упростить форму заказа и регистрации до минимума (Имя, адрес, телефон, е-майл)…
    если с регистрацией еще хоть что-то получается, то с формой заказа вообще темный лес( в идеале вообще сократить ее до 1 шага)

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

      14.01.2012 at 14:51

      На офф форуме должно быть — я писал как сократить регистрацию в OpenCart’е 1.4.9 а в 1.5.1 есть несколько отличий. 🙂

  15. kvartnikstroy

    14.01.2012 at 15:03

    Отличий совсем не много.
    Правим файл…. catalogcontrollercheckoutguest.php
    а затем файл catalogviewthemedefaulttemplatecheckoutguest.tpl
    по принципу описанному Олегом на этом сайте.
    Я себе сделал при оформлении без регистрации только 6 позиций и из них обязательные только 3: ФИО, емайл и телефон…

    • можно ли поподробней…. где и что заменяли или удаляли….. 😛

  16. Скажите, пожалуйста, почему когда я в админке своего магазина пытаюсь зайти в Отчеты, а также в Дополнения-Модули-Карусель мне все время открывается сообщение: «У Вас нет прав для доступа к этой странице. Если она Вам нужна, обратитесь к администратору.»???

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

      16.01.2012 at 21:21

      Попробуйте воспользоваться другим браузером, или почистите куки в своём, так же можно попробовать в админке — система — пользователи — посмотреть свой аккаунт и изменить логин -пароль, возможно проблема исчезнет.

  17. kvartnikstroy.ru

    17.01.2012 at 22:12

    Зайдите в =Система=Пользователи=Группы пользователей=Главный администратор= и нажмите =изменить
    Там где =Разрешен просмотр= и =Разрешено вносить изменения= нажмите выделить все и сохраните!

    • Помогло. БОЛЬШОЕ человеческое спасибо 🙂

  18. kvartnikstroy.ru

    17.01.2012 at 22:14

    Подобное также может быть если не дозакачать модуль при установке..но карусель обычно идет по умолчанию встроенная в дистрибутив…

  19. Не могу понять как занести в Рекомендуемые товар. Поудалял все дефолтные товары из шаблона, а свои не получается поставить. В админке: Товары — Связи — Рекомендуемые в пустое поле пробовал забивать и название категории и артикул товара, сохранить — все остается по-прежнему, никаких изменений, на витрине в Рекомендуемых товарах пусто 🙁

  20. kvartnikstroy.ru

    21.01.2012 at 15:40

    1. У Вас должны быть товары ( например айпад, монитор и т.д.) и мы хотим добавить в рекомендуемые АЙПАД.
    2. Заходим в модуль =Рекомендуемые= и в строке ТОВАРЫ пишем =АЙ..
    Всплывает подсказка со словом АЙПАД , жмем на нее и сохраняемся!

  21. Не могу побороть знаки вопроса:
    http://profisale.tmweb.ru/

    после изменения файла с «рекомендуемыми товарами».
    В кодировке utf8 сохранял, и много чего делал, даже notepad установил — не помогло((

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

      03.04.2012 at 21:19

      У php файлов локализации не нужно менять кодировку!!! Только в tpl файлах где мы создаём адрес и т.д.

  22. Удалил этот php файл, взял новый из архива. Редактировал notepad’ом — теперь все хорошо. Видимо блокнот чудит)
    Спасибо за помощь

  23. Здравствуйте Владислав 🙂 Скажите пожалуйста, возможно ли разместить на своём сайте радио онлайн и как это лучше сделать, чтобы клиентам это нравилось? С уважением, Юля.

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

      05.04.2012 at 21:23

      Взгляд покупателя:
      Когда же загрузится этот сайт, что за хрень звучит из моих колонок и мешает мне слушать мою любимую группу, как отключить этот треш. Зачем мне тратить лишнее время на поиск кнопки выключения этого сраного радио, если мне нужен такой то предмет, для прослушивания музыки я посещаю другие ресурсы.

    • Lord Vader

      05.04.2012 at 21:31

      Пожалейте, не насилуйте посетителей музыкой (и трафиком), которая им может не понравиться или вообще быть противна в связи с жанровыми предпочтениями, у каждого свои вкусы в музыке. Это раздражает и заставляет либо отключать звук вообще, либо уйти на сайт конкурента.

  24. Ясно, а тот плеер, что у меня сейчас на сайте(есть возможность самому и вкл. и выкл. и поставить другую песню) он хоть не мешает там? http://ahitov.com.ua relax musik ??? 😳

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

      06.04.2012 at 14:20

      Не мешает, хотя и не нужен. 🙂

  25. Артём

    24.04.2012 at 22:16

    Здравствуйте!
    Очень нужна ваша помощь!
    хочу у себя сделать опции так же как и здесь: http://themes.webiz.mu/opencart/teez/index.php?route=product/product&product_id=52
    Много всего перепробывал, но не получаеться, шаблон этого сайта есть, но незнаю какой файл нужно изменять и что имено изменять, чтобы опции так само выводились.

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

      25.04.2012 at 00:22

      Нужна не моя помощь, а помощь программиста, спросите на оф форуме опенкарта.

  26. Эдуард

    25.05.2012 at 18:54

    Здравствуйте. Столкнулся с проблемой! Установил модуль(не важно какой), одним словом пошел включить права на доступ и видимо отключил все права нечаянно. Теперь не могу ни куда не зайти и ни чего не могу сделать. Везде теперь мне доступ запрещён. Подскажите пожалуйста что делать?

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

      25.05.2012 at 19:56

      Попробуйте на myopencart.ru возможно подскажут.

  27. Эдуард

    25.05.2012 at 20:25

    Я написал там на форуме, молчат. ((

  28. Антон

    19.11.2012 at 21:31

    Здравствуйте. У меня возникла небольшая проблема: После того как я переименовал шаблон default в fly у меня в карточке товара исчезло картинка с оценкой товара. Где можно это исправить?

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

      19.11.2012 at 22:00

      Скопируйте шаблон fly и дайте ему название default, вот и всё.

  29. Виктория

    01.12.2012 at 19:51

    Здравствуйте. Подскажите пожалуйста где находится папка с шаблонами? Сайт мне продали.

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

      01.12.2012 at 20:28

      В первом-же пункте указано — Заходим в папку с шаблонами (..catalogviewtheme), то есть, имя вашего сайта/catalog/view/theme и там лежат ваши шаблоны или шаблон.

    • Виктория

      02.12.2012 at 17:07

      Хорошо, где расположены ..\catalog\view\theme ? Как вообще к этим данным добраться?

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

      02.12.2012 at 21:14

      Устанавливаете на свой компьютер программу ftp менеджер (FileZilla к примеру) и вводите в него домен (имя сайта), логин и пароль от вашего хостера (компании предоставляющей место для вашего сайта)

  30. Виктория

    02.12.2012 at 17:30

    Извините за глупые вопросы, я только осваиваюсь. Где вводится: имя вашего сайта/catalog/view/theme

  31. Виктория

    03.12.2012 at 21:56

    Будьте любезны еще подсказать, при открытии ..\catalog\language\russian\module, имеет такой вид $_[‘heading_title’] = ‘Новые поступления’;
    Как привести в надлежащий вид чтобы заменить «Рекомендуем»

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

      03.12.2012 at 23:59

      Каким текстовым редактором открываете файлы ? Или вы меняли кодировку ?

    • виктория

      04.12.2012 at 10:58

      WordPad

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

      04.12.2012 at 21:04

      Ставьте Notepad++ либо открывайте обычным блокнотом

  32. на главной странице в модуле рекомендуемые товары ссылки на сами товары отличаются от ссылок на них же но в категориях, как можно исправить этот косяк?

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

      04.12.2012 at 21:05

      Это не косяк, за рекомендуемые отвечает модуль, а за ссылки в категориях код самого движка.

    • происходит дублирование страницы, это очень негативно сказывается на продвижении в поисковых системах, можно каким то образом сделать одинаковые ссылки в категориях и в модуле?

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

      05.12.2012 at 21:41

      Не знаю, надо пилить код может что-то и получится

  33. Здравствуйте, помогите пожалуйста решить проблему, выполняю все пункты в данном уроке, но надпись «рекомендуем» в левой стороне, никак не получается переместить в центр, opencart 1 5 3 1.

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

      16.12.2012 at 21:25

      box-heading — text-align: center;

  34. не получается, «text-align: center;» написано но результата нет всеравно надпись в левой стороне, может здесь что не так?
    .box .box-heading {
    background: #EEEEEE;
    padding: 20px 0px 20px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #444444;
    text-align: center;
    line-height: 17px;
    border-bottom: 4px solid #DDDDDD;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    -webkit-box-shadow: 0 0 3px 0 #E9E9E9;
    -moz-box-shadow: 0 0 3px 0 #E9E9E9;
    box-shadow: 0 0 3px 0 #E9E9E9;
    }

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

      16.12.2012 at 22:45

      Значит у вас активирован один шаблон, а вы строку вставили в другом, либо в header.tpl указан путь к другому css файлу.

  35. Владислав, скажите пожалуйста, сколько уходит времени на то, чтобы страницы начали индексироваться после изменений? Если вы набирёте в яндексе Кобура для нагана, мой сайт выйдет первым, но нажав на ссылку там будет надпись Запрашиваемая страница не найдена! Я ещё неделю назад исправила SEO URL, но страницу до сих пор не отображает. С уважением, Юля.

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

      11.01.2013 at 16:25

      У вас счётчики от яндекса и т.д. установлены на сайте? Заходите в Яндекс Метрику и смотрите поисковые фразы, там указано по каким запросам к вам заходили и на какой странице яндекс выдачи находится ваш сайт, а так обычно проходит от недели до месяца, зависит от того сколько конкурентов по этому запросу — чем больше, тем дольше вы будете с последнего места подниматься на первое.

  36. привет, если я буду добавлять товары в рекомендуемую группу, то они пойдут вторым рядом? Можно таблицу с рекомендуемыми товарами растянуть до низа? чтобы не было такого большого пустого пространства

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

      11.02.2013 at 21:13

      Пойдут, в модуле только выберите количество товаров и всё.

  37. Дмитрий

    29.06.2013 at 20:32

    Проделал 1-й и 2-й шаги, но шаблон не поменялся, т.е. в админке он поменялся, но сайт работает от default. Что это за беда такая?

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

      29.06.2013 at 20:56

      С такими проблемами ещё не сталкивался, у вас уникальный случай.

    • Алина

      08.11.2013 at 10:10

      Нет, не уникальный. У меня тоже самое. Что с этим делать?

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

      08.11.2013 at 21:43

      Вы закинули папку fly в папку шаблонов? Или в какое то иное место?

  38. Здравствуйте! Как добавить товар в рекомендуемые?

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

      06.09.2013 at 21:57

      Модули — Рекомендуемые — Изменить, вверху окно ввода — аля поиск, вбиваете в него первые буквы вашего товара и выпадающий список выдаст вам варианты, выбираете нужный, всё товар в рекомендуемых.

  39. Здравствуйте! Я установил Блок – Производители, но он некорректно работает на шаблоне fly. Подскажите, что надо изменить?

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

      07.09.2013 at 22:21

      Откройте архив с модулем и переименуйте в catalog/view/theme/ папку default в папку fly

  40. Владислав, Вы СУПЕР!!! Спасибо Вам за огромную помощь!

  41. Андрей

    03.10.2013 at 01:50

    В opencart 1.5.5.1 нужно на вкладке даные в админке сделать текстовое поля размером на 500 символов для ввода даных для админа магазина например откуда покупать и сколько реально стоит. Поле конечно же не видимое для покупателей, доступно к просмотру только через админ панель. как это сделать?

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

      03.10.2013 at 21:56

      Нанять программиста, описать задачу, ждать результата. 🙂 А так всё это делаете в специальных программах 1с, либо бизнес пак и т.д. Там сможете хранить и товар, делать перемещения между магазинами, казывать оптовые, розничные, закупочные, партнёрские цены, делать ценники, печатать прайс-листы, оформлять возвраты, хранить базу поставщиков и так далее.

  42. Здравствуйте Владислав! Спасибо за полезные статьи.
    Не подскажите что за бок вылазит в шапке на главной странице?
    otice: getimagesize() [function.getimagesize]: Read error! in /home/shopkong/domains/shopkong.net/public_html/catalog/model/tool/image.php on line 39Notice: getimagesize() [function.getimagesize]: Read error! in /home/shopkong/domains/shopkong.net/public_html/system/library/image.php on line 11Notice: getimagesize() [function.getimagesize]: Read error! in /home/shopkong/domains/shopkong.net/public_html/catalog/model/tool/image.php on line 39Notice: getimagesize() [function.getimagesize]: Read error! in /home/shopkong/domains/shopkong.net/public_html/system/library/image.php on line 11

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

      12.04.2014 at 20:24

      Нет не скажу — с таким не сталкивался

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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