RealChem — інтернет-магазин хімічної продукції, для якого розроблено інтерфейс і продовжено його інтеграцію з OpenCart 3. Реалізована частина охоплює товарні сторінки, кошик, авторизацію та особистий кабінет. Окремо опрацьовано адміністрування: редагування головної сторінки, публікацій блогу й вітального відео винесено у власні форми.
Що зроблено
Сценарій входу побудовано навколо одноразового коду з email. Його використано також для зміни електронної адреси в профілі. Особистий кабінет має спільну бічну навігацію з розділами профілю, замовлень та обраного. Для замовлень передбачено фільтрування за статусом і сторінку з деталями; обране подано товарними картками.
Кнопки додавання товару з головної та каталогу підключено до кошика OpenCart.
Сторінка кошика містить фотографії, назви, кількість, ціни та суми товарних позицій, а також інформацію про розрахунок доставки.
На товарній сторінці реалізовано виведення відгуків із бази та форму їх надсилання.
Для головної створено сім адміністративних форм керування контентними блоками.
Додано окремі інтерфейси керування блогом і вітальним тизером.
Вітальне відео оформлено як накладку на головній сторінці. В адміністративній частині задаються відео й постер, а частота показу враховує cookie. Накладка з’являється за наявності відеофайлу; облік показу пов’язаний із фактичним відображенням матеріалу.
Технічні рішення
Тема використовує Twig-шаблони та стилі Tailwind. Для кабінету підготовлено спільний контролер навігації, який отримує активний розділ. Авторизацію винесено в окремі контролери й модальні вікна, а коди підтвердження зберігаються в сесіях OpenCart у базі даних. Клієнтський сценарій запуску підтвердження спільний для входу та роботи з email.
Форми головної поділено на вкладки основних налаштувань, контенту та параметрів показу. Вони мають єдиний перемикач активних мов, згортання повторюваних рядків, перетягування для зміни порядку та плитки вибору медіа. Підписи й пояснення винесено в мовні файли. Така структура повторюється в усіх семи формах.
Контент блогу редагується як набір абзаців через повторювані поля й зберігається у форматі JSON. Для публікацій передбачено мовні SEO-адреси. У керуванні макетами додано зміну порядку перетягуванням, а блог і тизер отримали власні пункти адміністративного меню.
SEO та швидкодія
Для магазину, контактів, блогу, кошика й оформлення замовлення налаштовано зрозумілі URL. Генерація адрес враховує маршрути інформаційних сторінок. Заповнено заголовок і метаопис головної, для публікацій блогу адреси задаються окремо за мовами.
У кошику збільшено розмір мініатюр до 128 × 128, щоб фотографії відповідали поданню товарів у новому інтерфейсі. Вітальний тизер підключається на рівні головної сторінки, а його вміст і правила показу керуються через налаштування магазину.
На цьому етапі RealChem поєднує власну тему OpenCart, кабінет із входом за кодом і засоби щоденного редагування контенту. Реалізовані форми дають змогу змінювати блоки головної, тексти блогу та вітальне відео з адміністративної частини.





