Hydrophob.net.ua — online store

About the project

Hydrophob.net.ua is a full-featured online store for Hydrophob products built on OpenCart 3.0.3.9. The project combines product presentation with catalogue browsing, a basket and checkout. Customers can search, save favourites, view related products, ask a question or submit a quick-order enquiry.

Scope of work

The site includes a filtered catalogue, search, product pages, FAQs, information and legal pages. Product pages feature a gallery, promotion and bestseller labels, and a favourite button. The mini basket opens in a drawer; once a product has been added, its button opens the basket. Actions across the interface use a shared system of brief notifications.

Checkout uses a single page with an order summary, delivery selection and contact details. Customers verify their identity with a one-time email code. Signed-in users’ details populate forms without replacing information entered manually. Checkout errors highlight the relevant fields. Separate pages cover successful completion, unsuccessful payment and another payment attempt.

The admin area provides a register of quick-order, question and contact form submissions. Enquiries are stored in the database and sent by email. Separate delivery modules control availability and prices, with directory synchronisation buttons for Nova Poshta and Meest.

Technical implementation

The store uses PHP, Twig and JavaScript. Its custom checkout interface runs a sequence of standard OpenCart requests to save addresses, select delivery and payment methods, and confirm the order. Sessions are stored in the database. Emails and authentication codes are sent through the Brevo HTTP API.

City and collection-point searches for Nova Poshta and Meest use a local directory table refreshed through the carriers’ APIs. Meest addresses are also fetched when a specific city is requested and retained for subsequent searches. JSON directories provide a fallback source. Related-product suggestions draw on purchase history, manually assigned relationships and products in the same category; further items load through AJAX.

SEO and performance

The store has Ukrainian and Russian versions. Search uses readable URLs, alongside canonical tags, Open Graph, Twitter metadata and Organization and WebSite structured data. The sitemap includes hreflang alternatives and individual filter pages. A single filter has its own metadata and a self-referencing canonical; combinations of multiple filters receive noindex and a canonical pointing to the catalogue.

SEO metadata templates and indexing controls are available in the admin area. The order success page records a GA4 purchase event. Swiper is hosted locally, while CSS and JavaScript versions update according to file modification times. Mobile controls have larger touch targets, and the product gallery arrows have accessible text labels.

The result is a working store with a custom checkout, code-based authentication and a central record of customer enquiries. Catalogue, delivery, forms and SEO settings are managed within OpenCart while retaining Hydrophob’s own visual presentation.