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.