Cтруктура файлов шаблона OpenCart 3

Автор: Антон Баринов Мар 19, 2023

Шаблон в OpenCart представляет собой набор файлов и папок, которые определяют структуру и внешний вид интернет-магазина.

Структура файлов шаблона в OpenCart 3 обычно выглядит следующим образом:

  • catalog/
    • view/
      • theme/
        • [название_шаблона]/
          • image/
            • [изображения шаблона]
          • javascript/
            • [JavaScript файлы шаблона]
          • stylesheet/
            • [CSS файлы шаблона]
          • template/
            • common/
              • [общие шаблоны страниц]
            • account/
              • [шаблоны страниц аккаунта]
            • checkout/
              • [шаблоны страницы оформления заказа]
            • information/
              • [шаблоны информационных страниц]
            • mail/
              • [шаблоны почтовых уведомлений]
            • module/
              • [шаблоны модулей]
            • product/
              • [шаблоны страниц продуктов]
            • [другие папки с шаблонами]
  • admin/
    • view/
      • template/
        • [шаблоны административной панели]
  • system/
    • [библиотеки и классы OpenCart]

В папке image находятся изображения, используемые в шаблоне, в папке javascript находятся JavaScript файлы, в папке stylesheet находятся CSS файлы.

В папке template находятся шаблоны страниц, разбитые по разделам сайта. Например, папка common содержит общие шаблоны, которые используются на большинстве страниц сайта, а папка product содержит шаблоны для отображения информации о продуктах.

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

Обычно для создания нового шаблона используется готовый шаблон, который дорабатывается под нужды интернет-магазина. В таком случае, файлы нового шаблона добавляются в папку catalog/view/theme/[название нового шаблона].

Папка common:

Файлы шаблона в папке catalog/view/theme/<theme_name>/template/common/ в Opencart 3 могут варьироваться в зависимости от того, какой шаблон используется. Но вот некоторые из наиболее распространенных файлов, которые могут быть найдены в этой папке:

  • footer.twig — отображает нижний колонтитул сайта
  • header.twig — отображает верхний колонтитул сайта
  • maintenance.twig — страница технического обслуживания, которая отображается, когда сайт выключен
  • menu.twig — отображает основное меню сайта
  • column_left.twig — отображает левую колонку сайта (если она используется в шаблоне)
  • column_right.twig — отображает правую колонку сайта (если она используется в шаблоне)
  • currency.twig — отображает меню выбора валюты сайта
  • language.twig — отображает меню выбора языка сайта
  • search.twig — отображает форму поиска на сайте
  • cart.twig — отображает информацию о корзине покупателя (количество товаров, сумму заказа и т.д.)

Папка account:

Файлы шаблона в папке catalog/view/theme/<theme_name>/template/account/ отвечают за отображение различных страниц аккаунта пользователя. Среди файлов в этой папке можно найти:

  • account.twig — шаблон главной страницы аккаунта пользователя.
  • address_form.twig — шаблон для формы добавления/редактирования адреса.
  • address_list.twig — шаблон для списка адресов пользователя.
  • affiliate.twig — шаблон страницы партнерской программы.
  • api.twig — шаблон страницы API доступа.
  • download.twig — шаблон страницы загрузок (скачанных товаров).
  • login.twig — шаблон страницы входа в аккаунт.
  • order.twig — шаблон страницы заказа.
  • order_info.twig — шаблон для вывода информации о заказе.
  • order_list.twig — шаблон для списка заказов.
  • password.twig — шаблон страницы изменения пароля.
  • recurring.twig — шаблон страницы для управления продуктами с регулярными платежами.
  • register.twig — шаблон страницы регистрации аккаунта.
  • return.twig — шаблон страницы для управления запросами на возврат товара.
  • return_form.twig — шаблон для формы добавления/редактирования запроса на возврат товара.
  • return_list.twig — шаблон для списка запросов на возврат товара.
  • transaction.twig — шаблон страницы для управления транзакциями на счету партнера.
  • transaction_list.twig — шаблон для списка транзакций на счету партнера.
  • voucher.twig — шаблон страницы для управления купонами.
  • wishlist.twig — шаблон страницы для управления списком желаемых товаров.

Папка checkout:

в папке catalog/view/theme/<theme_name>/template/checkout/ содержатся следующие файлы:

  • cart.twig — отображает содержимое корзины покупателя перед оформлением заказа;
  • checkout.twig — отображает форму оформления заказа;
  • confirm.twig — отображает страницу подтверждения заказа после его оформления;
  • guest.twig — отображает форму оформления заказа для гостей;
  • login.twig — отображает форму входа для зарегистрированных пользователей перед оформлением заказа;
  • payment_address.twig — отображает форму ввода адреса плательщика;
  • payment_method.twig — отображает доступные методы оплаты;
  • shipping_address.twig — отображает форму ввода адреса доставки;
  • shipping_method.twig — отображает доступные методы доставки.

Каждый из этих файлов используется для отображения соответствующей страницы оформления заказа

Папка information:

в папке catalog/view/theme/<theme_name>/template/information/

стандартного шаблона Opencart 3 находятся следующие файлы:

  • contact.twig: отображает страницу контактной информации
  • information.twig: отображает содержимое информационной страницы
  • sitemap.twig: отображает карту сайта

Кроме того, в этой папке могут находиться дополнительные файлы, если они созданы или добавлены пользователем или разработчиком.

Папка module:

в папке catalog/view/theme/<theme_name>/template/module/ стандартного шаблона Opencart 3 находятся следующие файлы:

  • banner.twig: отображает баннеры
  • bestseller.twig: отображает список самых продаваемых товаров
  • carousel.twig: отображает карусель изображений и ссылок
  • category.twig: отображает список категорий
  • featured.twig: отображает список особенных товаров
  • filter.twig: отображает блок фильтров по категориям товаров
  • html.twig: отображает блок с произвольным HTML-кодом
  • latest.twig: отображает список новых товаров
  • menu.twig: отображает горизонтальное меню навигации по сайту
  • search.twig: отображает форму поиска по товарам
  • slideshow.twig: отображает слайд-шоу изображений и ссылок
  • special.twig: отображает список товаров со скидкой или акционных товаров
  • store.twig: отображает информацию о магазине
  • welcome.twig: отображает приветствие на главной странице сайта

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

Папка product:

в папке catalog/view/theme/<theme_name>/template/product/ стандартного шаблона Opencart 3 находятся следующие файлы:

  • category.twig: шаблон категории товаров
  • compare.twig: шаблон для страницы сравнения товаров
  • manufacturer_info.twig: шаблон информации о производителе
  • manufacturer_list.twig: отвечает за отображение списка производителей
  • product.twig: основной шаблон страницы товара
  • review.twig: шаблон для отзывов о товаре
  • search.twig: шаблон для страницы результатов поиска
  • special.twig: шаблон для страницы акционных товаров

Эти файлы могут использоваться для отображения различных типов страниц, связанных с товаром, в интернет-магазине OpenCart 3. В каждом из этих файлов используются различные переменные, включая информацию о товарах, их характеристиках, отзывах и т.д.

Возможно вам будут интересны следующие статьи:

Возможно вам будет это полезно:

8 комментарий для “<strong>Cтруктура</strong> файлов шаблона OpenCart 3”
  1. Очень полезная статья! Я только начала работать с OpenCart и мне нужны были подобные инструкции. Спасибо!

  2. OpenCart — одна из самых простых и доступных платформ для интернет-магазина. Статья содержит много полезной информации для тех, кто только начинает свой в разаработке

  3. Пользуюсь OpenCart уже много лет и могу сказать, что это одна из лучших платформ для интернет-магазина. Статья содержит много полезной информации, особенно для новичков.

  4. Мне очень нравится OpenCart за его гибкость и возможность настройки под любые нужды. Большое спасибо за статью!

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

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

Нужна разработка, создание или доработка интернет-магазина OpenCart(Опенкарт)? Пишите!

Время работы: в будни 7:00 - 17:00 (По Московскому времени)

Email: contact@opencart-cms.ru