OpenCart від новачка до професіонала: створюємо ще один модуль

18

Від автора: вітаю вас в серії статей для розробників OpenCart. У нашій попередній статті ми створили з допомогою MVC (Модель-Представлення — Контролер) наш перший модуль «HelloWorld». У цій статті ми розповімо, як створити модуль для OpenCart інтерфейсу. Я б рекомендував вам переглянути мою попередню статтю, якщо ви ще не прочитали її. Багато хто розробники з побоюванням ставляться до створення модулів OpenCart — вони спочатку шукають готові модулі. Але насправді створити власний функціонал для OpenCart дуже просто.

Як ви пам’ятаєте, ми створили простий модуль, який бере вхідні дані з back-end і зберігає їх у базі даних.

OpenCart від новачка до професіонала: створюємо ще один модуль

Конфігурація модуля

Помістіть контент в полі «HelloWorldCode». Задайте для параметрів Макет, Позиція, Статус і Порядок сортування значення, наведені на малюнку нижче.

OpenCart від новачка до професіонала: створюємо ще один модуль

OpenCart від новачка до професіонала: створюємо ще один модуль

Інтернет-магазин на 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 від новачка до професіонала: створюємо ще один модуль

Інтернет-магазин на OpenCart!

Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!

Приступити до створення

Ви можете написати свій власний HTML-код, щоб показати вміст вашого модуля. HTML-код, який написав я виглядає наступним чином:

Створення мовного файлу

Створіть файл мови helloworld.php у папці catalog/language/(language)/module.

Додайте дані в файл мов, в моєму випадку:

Якщо ваш сайт є багатомовним, додайте мовні файли для кожної мови.

Що ми зробили?

В принципі, наш модуль працює просто тому, що він бере дані з панелі управління і відображає їх через інтерфейс магазину. У зв’язку з цим ми додали деякі умовні дані з зовнішнього модуля HelloWorld і поставили макет для відображення модуля. В нашому випадку ці макети — Contact і Account, а їх позиції знаходиться в лівій колонці в стовпці праворуч, відповідно.

Перевірка нашої роботи

Ми завершили написання модуля магазину. Але завжди потрібно перевіряти свою роботу.

Ви можете перейти на сторінку «Contact Us » у нижній частині магазину, або відкрити в браузері наступний адреса http://localhost/OpencartStore/index.php?route=information/contact.

Ваш модуль повинен розташовуватися, так як наведено на скріншоті нижче.

OpenCart від новачка до професіонала: створюємо ще один модуль

Чудово! Модуль розташовується, так як потрібно. Це означає, що все в порядку. Ви також можете перевірити, чи коректно ваш модуль в Accounts Layout. Якщо ви зробили все правильно, модуль також має з’явитися на сторінці магазину.

Висновок

У цій статті мыпроделали велику роботу. Як я вже згадував у введенні, розробка модулів для OpenCart дуже проста. У наступних статтях ми розглянемо інтеграцію API в OpenCart і розробку тем. Сподіваюся, вам сподобалася ця стаття.

OpenCart від новачка до професіонала: створюємо ще один модуль

Інтернет-магазин на OpenCart!

Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!

Приступити до створення