Hydrophob.net

О проекте

Hydrophob.net — интернет-магазин продукции Hydrophob с каталогом средств ухода и отдельным разделом для потенциальных дилеров. Проект охватывает товарную витрину, материалы о производителе, отзывы и сценарии покупки. Для него создана собственная тема OpenCart 3.0.3.9, а подготовленная PHP-вёрстка перенесена на данные и механизмы магазина.

Что сделано

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

Карточка товара содержит галерею и вкладки описания, характеристик, инструкции и отзывов. Состав вынесен в отдельное поле и показан тегами возле кнопки покупки. Пагинация отзывов работает через AJAX внутри вкладки. Личный кабинет содержит заказы, избранное и данные покупателя; вход, регистрация и смена электронной почты подтверждаются одноразовым кодом.

Контентные блоки редактируются в админке через языковые вкладки и повторяемые поля. Универсальный модуль первого экрана поддерживает одиночный баннер или слайдер, FAQ — произвольный список вопросов и ответов. Заявки дилеров, контактной формы и быстрого заказа имеют общий учёт. «Купить в один клик» создаёт отдельную заявку на товар, сохраняет её в админке и отправляет письмо администратору.

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

Архитектура объединяет PHP-контроллеры OpenCart, модели данных, Twig-шаблоны и модули, размещённые через макеты страниц. Тексты модулей хранятся в базе с привязкой к языку. Собственное одностраничное оформление последовательно вызывает стандартные механизмы сохранения адресов, выбора доставки и оплаты и создания заказа.

Предусмотрены способы доставки через службы Нова пошта, Укрпошта и Meest, а также курьерская доставка и самовывоз. Почта работает через Brevo API. Формы используют общую логику идентификации: авторизованному покупателю подставляются контактные данные, а гость может подтвердить себя кодом. Для товарных, рекламных и видеоблоков используется Swiper с загрузкой по необходимости.

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

Магазин работает на украинском и русском языках. Для страниц, поиска, фильтров, сортировки и пагинации реализованы читаемые адреса и перенаправления со старых URL. Одиночный фильтр имеет canonical на себя, а комбинации фильтров, поиск и ценовые диапазоны — noindex и canonical на чистый каталог. Шаблоны метаданных и режим индексации управляются из админки.

Оптимизация охватила минификацию CSS и JavaScript, кеширование статики, адаптивное изображение первого экрана и отложенный запуск слайдеров, видео и аналитики. События просмотра товара, начала оформления и покупки сохраняются в очереди до загрузки аналитического скрипта. Видео сжаты, а ролик в карточке товара загружается при приближении к области просмотра. Для Google Merchant подготовлен товарный фид с гривной, языковым параметром и идентификаторами brand и mpn.

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