Від автора: вітаю вас в серії статей для розробників OpenCart. У нашій попередній статті ми створили з допомогою MVC (Модель-Представлення – Контролер) наш перший модуль «HelloWorld». У цій статті ми розповімо, як створити модуль для OpenCart інтерфейсу. Я б рекомендував вам переглянути мою попередню статтю, якщо ви ще не прочитали її. Багато хто розробники з побоюванням ставляться до створення модулів OpenCart — вони спочатку шукають готові модулі. Але насправді створити власний функціонал для OpenCart дуже просто.
Як ви пам’ятаєте, ми створили простий модуль, який бере вхідні дані з back-end і зберігає їх у базі даних.
Конфігурація модуля
Помістіть контент в полі «HelloWorldCode». Задайте для параметрів Макет, Позиція, Статус і Порядок сортування значення, наведені на малюнку нижче.
Інтернет-магазин на OpenCart!
Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!
Приступити до створення
Створення контролера магазину
Перейдіть в папку catalog/controller/module і створіть в ній порожній PHP-файл.
Задайте ім’я для файлу helloworld.php.
Відкрийте файл у своїй IDE і дотримуйтесь Конвенцію про присвоєння імен OpenCart , тобто classControllerModuleHelloworldextendscontroller {}.
Створіть всередині класу функцію OpenCart за замовчуванням publicfunctionindex() {}.
Всередині функції index() додайте наведений нижче код:
$this->language->load(‘module/helloworld’); // завантажуємо мовний файл helloworld
$this->data[‘heading_title’] = $this->language->get(‘heading_title’); // задаємо heading_title для модуля
$this->data[‘helloworld_value’] = html_entity_decode($this->config->get(‘helloworld_text_field’)); // отримуємо збережене значення текстового поля helloworld і передаємо його в змінну для використання всередині представлення нашого модуля
$this->template = $this->config->get(‘config_template’) . ‘/template/module/helloworld.tpl’; // Шлях до шаблону модуля магазину helloworld
$this->render(); // виводимо результат
І ми закінчили створення нашого контролера. Зверніть увагу на коментарі після кожного рядка, щоб ви розуміли що робить цей код.
Створення подання магазину
Перейдіть у папку шаблонів магазину за замовчуванням; в моєму випадку це: catalog/view/theme/default/template/module.
Створіть новий файл шаблону.
Задайте для нього ім’я helloworld.tpl.
Інтернет-магазин на OpenCart!
Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!
Приступити до створення
Ви можете написати свій власний HTML-код, щоб показати вміст вашого модуля. HTML-код, який написав я виглядає наступним чином:
Створення мовного файлу
Створіть файл мови helloworld.php у папці catalog/language/(language)/module.
Додайте дані в файл мов, в моєму випадку:
Якщо ваш сайт є багатомовним, додайте мовні файли для кожної мови.
Що ми зробили?
В принципі, наш модуль працює просто тому, що він бере дані з панелі управління і відображає їх через інтерфейс магазину. У зв’язку з цим ми додали деякі умовні дані з зовнішнього модуля HelloWorld і поставили макет для відображення модуля. В нашому випадку ці макети — Contact і Account, а їх позиції знаходиться в лівій колонці в стовпці праворуч, відповідно.
Перевірка нашої роботи
Ми завершили написання модуля магазину. Але завжди потрібно перевіряти свою роботу.
Ви можете перейти на сторінку «Contact Us » у нижній частині магазину, або відкрити в браузері наступний адреса http://localhost/OpencartStore/index.php?route=information/contact.
Ваш модуль повинен розташовуватися, так як наведено на скріншоті нижче.
Чудово! Модуль розташовується, так як потрібно. Це означає, що все в порядку. Ви також можете перевірити, чи коректно ваш модуль в Accounts Layout. Якщо ви зробили все правильно, модуль також має з’явитися на сторінці магазину.
Висновок
У цій статті мыпроделали велику роботу. Як я вже згадував у введенні, розробка модулів для OpenCart дуже проста. У наступних статтях ми розглянемо інтеграцію API в OpenCart і розробку тем. Сподіваюся, вам сподобалася ця стаття.
Інтернет-магазин на OpenCart!
Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!
Приступити до створення
