AutoChemicals — магазин автохімії

Про проєкт

AutoChemicals — інтернет-магазин автохімії та засобів догляду за автомобілем на OpenCart 3. Проєкт охопив перенесення магазину, оновлення вітрини та розширення каталогу з експортів Prom.ua. Робота з інтерфейсом поєднувалася з підготовкою товарних даних: описів, характеристик, фотографій, відео, категорій і виробників.

Що зроблено

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

• Картку товару зібрано з галереєю, вибором кількості, опціями та вкладками опису, характеристик і відгуків.
• Відео й додаткові фотографії винесено в окремі вкладки; товарні теги також мають власний блок.
• Додано карусель нещодавно переглянутих товарів, яка використовує історію поточної сесії.
• Реалізовано вхід за кодом з email та окремий сценарій швидкого замовлення.
• У checkout додано підказки міст і відділень «Нова пошта», застосування купона та закріплений блок підсумку.

Швидке замовлення створює заявку з товаром і контактами покупця. Для гостя передбачено підтвердження email кодом, для авторизованого користувача — подання заявки без повторного коду. Заявка зберігається в базі й надсилається адміністратору поштою. В адміністративній частині є список із пагінацією та діями опрацювання заявок.

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

Для імпорту підготовлено Python-інструменти, що об’єднують експортні дані, зіставляють їх із поточним каталогом, створюють товари й виробників та завантажують фотографії. Ідентифікатор джерела записується в поле моделі товару й використовується під час повторних запусків. Після повного імпорту база містила 9687 товарів.

Обробка контенту включає очищення HTML-описів і завантаження зображень у магазин. Характеристики з експортних файлів та списків в описах перенесено в атрибути OpenCart. Для відео й додаткових фото створено окрему таблицю медіа; контролер товару передає ці дані у Twig-шаблон відповідних вкладок.

Підказки «Нова пошта» працюють через серверний контролер із годинним кешем і клієнтський JavaScript. Підсумок checkout формується з модулів розрахунку OpenCart, а купон перевіряється серверною логікою. Вхід використовує шестизначний код з обмеженим строком дії, інтервалом повторного надсилання та лімітом спроб.

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

Для товарів, категорій і виробників згенеровано SEO-адреси на основі українських назв. Генератор транслітерує назви й додає ідентифікатор за потреби розрізнити однакові слаги. В описах упорядковано заголовки та списки, прибрано зайві стилі й службову розмітку.

Живий пошук використовує затримку перед запитом, а довідники доставки кешуються. Карусель переглянутих товарів реалізовано засобами CSS scroll-snap і кнопками навігації. Зображення каталогу зберігаються разом із магазином і мають кешовані прев’ю.

У результаті каталог, пошук, фільтри й оформлення замовлення працюють із даними OpenCart. Для наповнення асортименту створено повторно використовуваний процес імпорту, а для короткого сценарію покупки — окремий облік заявок в адміністративній частині.