Редактирование default-шаблона на OpenCart

Редактирование default-шаблона на OpenCart
Редактирование default-шаблона на OpenCart

Долго не писал статью на блог, все ленился ленился и в конце запарился и решил написать одну такую полезную статью про OpenCart. И еще для тех кто не в курсе я сейчас работаю над справочником по созданию шаблона для OpenCart от А до Я, чтоб быть в курсе выхода справочника предлагаю подписаться на обновления блога.

Теперь к делу. Оценив статистику посещения моего блога я выяснил что большинство пользователей заходят на мой блог по поисковой фразе связанной с OpenCart-ом.

Почему так?

Все потому что я написал одну статью создание шаблонов для OpenCart (теория) и это статья стала в каком то смысле популярной на моем блоге и я решил продолжить тему связанную с OpenCart-ом.

Для тех кто не знает что такое OpenCart я предлагаю познакомиться со статьей знакомство с OpenCart.

И так начнем самое интересное

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

Перед тем как начать редактирование default-шаблона давайте познакомимся со структурой шаблона более подробно. Файлы шаблона находятся по директории

catalog\view\theme\default\template\

Структура шаблона OpenCart:

  • information:
    • contact.tpl — контакты – связаться с нами
    • information.tpl — информационные страницы – статьи
    • sitemap.tpl — карта сайта
  • error:
    • not_found — запрашиваемая страница не найдена
  • common:
    • column_left.tpl (левая колонка вашего шаблона)
    • column_right.tpl (правая колонка вашего шаблона)
    • content_bottom.tpl (низ средней колонки вашего шаблона)
    • content_top.tpl (верх средней колонки вашего шаблона)
    • footer.tpl (низ-подвал вашего шаблона)
    • header.tpl (верх- шапка вашего шаблона)
    • home.tlp (домашняя страница)
    • maintenance.tpl
    • success.tpl — страница успешной выполнении операции
  • checkout:
    • cart.tpl — страница корзины
    • checkout.tpl — оформление заказа
    • confirm.tpl — подтверждение заказа
    • guest.tpl — гостевое оформление заказа
    • guest_shipping.tpl
    • login.tpl — выбор способа оформления заказа
    • payment_address.tpl
    • payment_method.tpl — способ оплаты
    • register.tpl — страница регистрации через ссылку в корзине
    • shipping_address.tpl
    • shipping_method.tpl
  • affiliate:
    • account.tpl — страница личного кабинета партнёра
    • edit.tpl — страница редактирования личной информации партнёра
    • forgotten.tpl — страница восстановления забытого пароля партнёра
    • login.tpl — страница входа / регистрации партнёра
    • password.tpl — восстановление пароля партнёра
    • payment.tpl — способы оплаты
    • register.tpl — регистрация нового партнёра
    • tracking.tpl — страница реферальных ссылок партнёра
    • transaction.tpl — история выплат партнёра
  • account:
    • account.tpl — страница личного кабинета покупателя
    • address_form.tpl — страница редактирования адреса
    • address_list.tpl — страница адресов
    • download.tpl — страница файлов для скачивания
    • edit.tpl — страница редактирования личной информации покупателя
    • forgotten.tpl — страница восстановления забытого пароля покупателя
    • login.tpl — страница входа / регистрации покупателя
    • newsletter.tpl — страница E-Mail рассылки
    • order_info.tpl — страница просмотра заказа
    • order_list.tpl — страница истории заказов
    • password.tpl — страница изменения пароля
    • register.tpl — страница регистрации
    • return_form.tpl — страница оформления возврата товара
    • return_info.tpl — страница с информацией об определённом возврате
    • return_list.tpl — страница с информацией о совершённых возвратах
    • reward.tpl — страница бонусных баллов
    • transaction.tpl — страница истории финансовых операций покупателя
    • voucher.tpl — страница подарочных сертификатов
    • wishlist.tpl — страница закладок
  • mail
    • Письмо о подтверждении
  • module
    • Здесь находятся файлы установленных различных модулей, редактировать можно из админ-панели Дополнения -> Модули
  • payment
    • Варианты и способы оплаты заказа
  • product
    • category.tpl — вывод группы товаров
    • manufacturer_info.tpl — товары по производителю
    • manufacturer_list.tpl — списком всех производителей
    • product.tpl — вывод одного товара;
    • review.tpl — вывод отзыва о товаре
    • search.tpl — поиск и результаты поиска;
    • special.tpl — выбор специальных предложений
    • compare.tpl — страница сравнения товаров

Для создание собственного шаблона, то есть для редактирования default-шаблона Вам не придется изменить весь шаблон и все файлы. Их можно менять по мере редактирования и по мере необходимости.

Позиции для модулей

  • content_top.tpl — верх страницы
  • content_bottom.tpl — низ страницы
  • column_left.tpl — левая колонка
  • column_right.tpl — правая колонка
Позиции в OpenCart

Позиции в OpenCart

Начало работы

Любой макет шаблона разделен по блокам, то есть присутствуют такие блоки как шапка, левый блок, правый блок, подвал и все.

Для нашего шаблона тоже поступим так, открываем файл header.tpl и начинаем редактирование, сам процесс редактирования не описать, так как нужно на примере создаваемого шаблона показать.

Таким образом открываем все файлы из папки common по очереди и изменяем по соответствии макету. И конечно же Вам придется владеть языками верстки такими как HTML и CSS.

Внимание

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

Потом после того как установили модуль переходим в директорию modules находим файл нужной директории и редактируем.

content_top.tpl, content_bottom.tpl, column_left.tpl и column_right.tpl это всего лишь позиции в шаблоне на OpenCart, в этих файлах только метод вызова модулей в эти позиции, редактировать их тоже нужно, но не бойтесь если там не найдете нужного файла модуля

P.S Статья будет обновляться, если есть какие то вопросы пищите в комментариях

Читайте также:

комментарий 21

  1. Елена:

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

    • В Меню — Локализации там находится только общие установки. Если нужно конкретный текст из самой локализации поменять необходимо через FTP перейти по необходимой директории и найти нужный файл.
      Напишите мне на почту я Вам помогу mail@habibomarov.ru

  2. Сергей:

    Доброго времени суток. Подскажите путь в панели администратора,как на Опенкарт поменять в гарантийном талоне(товарный чек) украинский язык на русский). СПАСИБО,

    • У вас может быть вся языковая локализация Украинская, попробуйте поменять локализацию на Русский. Если не помогло напишите мне на почту через Контакты, помогу

  3. Сергей:

    Подскажите,где находится папка и путь до неё,если можно ,где отредактировать счет (записи),который в админке.У меня счет на русском языке ,а далее «Гарантийный талон» на украинском. Надо поправить,всё на русский.
    Спасибо.

  4. Наталья:

    Добрый день! Как изменить внешний вид поля поиска и корзины? То есть вместо стандартных поставить свои изображения?

  5. Юлия:

    Добрый день! У меня на главной странице при наведении на товар мышкой срабатывает эффект переворачивания изображения товара к верх тормашками. Как от этого избавиться? Заранее благодарю.

  6. Ульяна:

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

  7. Здравствуйте Хабиб. Подскажите пожалуйста как изменить отображение разделов каталога на главной странице так чтобы отображалось 3 раздела в ряд, всего 2 ряда

  8. Дмитрий:

    Подскажите, где менять стандартные фразы?

  9. Здравствуйте, как убрать индекс в оформлении заказа? и как убрать адрес ?

    • Индекс и адрес это обязательные поля для опенкарт. Просто убрать их из кода html или через css не получиться. Нужно еще в контроллере checkout их убрать. Одним словом необходимо кучу файлов отредактировать.

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

    где находятся аштмл файли

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.