RealChem — бренд і верстка магазину

Про проєкт

RealChem — інтернет-магазин хімічної продукції, для якого розроблено інтерфейс і продовжено його інтеграцію з OpenCart 3. Реалізована частина охоплює товарні сторінки, кошик, авторизацію та особистий кабінет. Окремо опрацьовано адміністрування: редагування головної сторінки, публікацій блогу й вітального відео винесено у власні форми.

Що зроблено

Сценарій входу побудовано навколо одноразового коду з email. Його використано також для зміни електронної адреси в профілі. Особистий кабінет має спільну бічну навігацію з розділами профілю, замовлень та обраного. Для замовлень передбачено фільтрування за статусом і сторінку з деталями; обране подано товарними картками.

• Кнопки додавання товару з головної та каталогу підключено до кошика OpenCart.
• Сторінка кошика містить фотографії, назви, кількість, ціни та суми товарних позицій, а також інформацію про розрахунок доставки.
• На товарній сторінці реалізовано виведення відгуків із бази та форму їх надсилання.
• Для головної створено сім адміністративних форм керування контентними блоками.
• Додано окремі інтерфейси керування блогом і вітальним тизером.

Вітальне відео оформлено як накладку на головній сторінці. В адміністративній частині задаються відео й постер, а частота показу враховує cookie. Накладка з’являється за наявності відеофайлу; облік показу пов’язаний із фактичним відображенням матеріалу.

Технічні рішення

Тема використовує Twig-шаблони та стилі Tailwind. Для кабінету підготовлено спільний контролер навігації, який отримує активний розділ. Авторизацію винесено в окремі контролери й модальні вікна, а коди підтвердження зберігаються в сесіях OpenCart у базі даних. Клієнтський сценарій запуску підтвердження спільний для входу та роботи з email.

Форми головної поділено на вкладки основних налаштувань, контенту та параметрів показу. Вони мають єдиний перемикач активних мов, згортання повторюваних рядків, перетягування для зміни порядку та плитки вибору медіа. Підписи й пояснення винесено в мовні файли. Така структура повторюється в усіх семи формах.

Контент блогу редагується як набір абзаців через повторювані поля й зберігається у форматі JSON. Для публікацій передбачено мовні SEO-адреси. У керуванні макетами додано зміну порядку перетягуванням, а блог і тизер отримали власні пункти адміністративного меню.

SEO та швидкодія

Для магазину, контактів, блогу, кошика й оформлення замовлення налаштовано зрозумілі URL. Генерація адрес враховує маршрути інформаційних сторінок. Заповнено заголовок і метаопис головної, для публікацій блогу адреси задаються окремо за мовами.

У кошику збільшено розмір мініатюр до 128 × 128, щоб фотографії відповідали поданню товарів у новому інтерфейсі. Вітальний тизер підключається на рівні головної сторінки, а його вміст і правила показу керуються через налаштування магазину.

На цьому етапі RealChem поєднує власну тему OpenCart, кабінет із входом за кодом і засоби щоденного редагування контенту. Реалізовані форми дають змогу змінювати блоки головної, тексти блогу та вітальне відео з адміністративної частини.