Hydrophob.net.ua — интернет-магазин

О проекте

Hydrophob.net.ua — полноценный интернет-магазин продукции Hydrophob на OpenCart 3.0.3.9. Проект объединяет презентацию товаров с выбором в каталоге, корзиной и оформлением заказа. Покупателю доступны поиск, избранное, рекомендации сопутствующих средств и возможность задать вопрос или оставить заявку на быстрый заказ.

Что сделано

Реализованы каталог с фильтрами, поиск, страницы товаров, FAQ, информационные и юридические страницы. Карточка товара содержит галерею, отметки акций и популярных позиций, кнопку избранного. Мини-корзина открывается в выдвижной панели; кнопка уже добавленного товара ведёт в корзину. Уведомления о действиях собраны в единую систему коротких сообщений.

Оформление заказа размещено на одной странице с итоговой суммой, выбором доставки и контактными данными. Покупатель подтверждает вход одноразовым кодом из письма. Данные авторизованного пользователя подставляются в формы без перезаписи введённого вручную. Ошибки оформления подсвечиваются возле соответствующих полей. Отдельно подготовлены страницы успешного завершения, неудачной оплаты и повторной попытки.

В админке есть список заявок из форм быстрого заказа, вопросов и контактов. Заявки сохраняются в базе и отправляются по почте. Для доставки созданы отдельные модули с управлением доступностью и стоимостью, а для служб Нова пошта и Meest — кнопки синхронизации справочников.

Технические решения

Магазин использует PHP, Twig и JavaScript. Собственный интерфейс оформления работает через последовательность стандартных запросов OpenCart: сохранение адресов, выбор доставки и оплаты, подтверждение заказа. Сессии хранятся в базе данных, а письма и коды авторизации отправляются через Brevo HTTP API.

Поиск городов и точек выдачи служб Нова пошта и Meest опирается на локальную таблицу справочника, которая обновляется через API перевозчиков. Для Meest адреса дополнительно загружаются при запросе конкретного города и сохраняются для следующих обращений. JSON-справочники оставлены как резервный источник. Блок сопутствующих товаров использует историю совместных покупок, заданные связи и товары той же категории; дополнительные позиции загружаются через AJAX.

SEO и производительность

Магазин имеет украинскую и русскую версии. Настроены читаемые адреса поиска, canonical, Open Graph, метаданные Twitter и структурированные данные Organization и WebSite. Sitemap содержит языковые альтернативы hreflang и страницы одиночных фильтров. Для одного фильтра предусмотрены собственные метаданные и canonical на текущую страницу; комбинации нескольких фильтров получают noindex и canonical на каталог.

Шаблоны SEO-метаданных и индексация управляются из админки. На странице успешного заказа добавлено событие purchase для GA4. Swiper размещён локально, версии CSS и JavaScript обновляются по времени изменения файлов. Для мобильного интерфейса увеличены области нажатия, а стрелки товарной галереи получили доступные текстовые обозначения.

В результате проект работает как магазин с собственным оформлением, авторизацией по коду и централизованным учётом обращений. Каталог, доставка, формы и SEO настраиваются в OpenCart, сохраняя отдельную визуальную подачу Hydrophob.