Шаблон в OpenCart представляет собой набор файлов и папок, которые определяют структуру и внешний вид интернет-магазина.
Структура файлов шаблона в opencart 3 обычно выглядит следующим образом:
- catalog/
- view/
- theme/
- [название_шаблона]/
- image/
- [изображения шаблона]
- javascript/
- [JavaScript файлы шаблона]
- stylesheet/
- [CSS файлы шаблона]
- template/
- common/
- [общие шаблоны страниц]
- account/
- [шаблоны страниц аккаунта]
- checkout/
- [шаблоны страницы оформления заказа]
- information/
- [шаблоны информационных страниц]
- mail/
- [шаблоны почтовых уведомлений]
- module/
- [шаблоны модулей]
- product/
- [шаблоны страниц продуктов]
- [другие папки с шаблонами]
- common/
- image/
- [название_шаблона]/
- theme/
- view/
- admin/
- view/
- template/
- [шаблоны административной панели]
- template/
- view/
- 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/
стандартного шаблона Opencart 3 находятся следующие файлы:<theme_name>
/template/module/
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/
стандартного шаблона Opencart 3 находятся следующие файлы:<theme_name>
/template/product/
category.twig
: шаблон категории товаровcompare.twig
: шаблон для страницы сравнения товаровmanufacturer_info.twig
: шаблон информации о производителе- manufacturer_list.twig: отвечает за отображение списка производителей
product.twig
: основной шаблон страницы товараreview.twig
: шаблон для отзывов о товареsearch.twig
: шаблон для страницы результатов поискаspecial.twig
: шаблон для страницы акционных товаров
Эти файлы могут использоваться для отображения различных типов страниц, связанных с товаром, в интернет-магазине OpenCart 3. В каждом из этих файлов используются различные переменные, включая информацию о товарах, их характеристиках, отзывах и т.д.
Очень полезная статья, спасибо за разъяснения!
Очень полезная статья! Я только начала работать с OpenCart и мне нужны были подобные инструкции. Спасибо!
OpenCart — одна из самых простых и доступных платформ для интернет-магазина. Статья содержит много полезной информации для тех, кто только начинает свой в разаработке
Пользуюсь OpenCart уже много лет и могу сказать, что это одна из лучших платформ для интернет-магазина. Статья содержит много полезной информации, особенно для новичков.
Мне очень нравится OpenCart за его гибкость и возможность настройки под любые нужды. Большое спасибо за статью!