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

О проекте

AutoChemicals — интернет-магазин автохимии и средств ухода за автомобилем на OpenCart 3. Проект охватил перенос магазина, обновление витрины и расширение каталога из экспортов Prom.ua. Работа с интерфейсом сочеталась с подготовкой товарных данных: описаний, характеристик, фотографий, видео, категорий и производителей.

Что сделано

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

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

Быстрый заказ создаёт заявку с товаром и контактами покупателя. Для гостя предусмотрено подтверждение email кодом, для авторизованного пользователя — подача заявки без повторного кода. Заявка сохраняется в базе и отправляется администратору по почте. В административной части есть список с пагинацией и действиями обработки заявок.

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

Для импорта подготовлены Python-инструменты, которые объединяют экспортные данные, сопоставляют их с текущим каталогом, создают товары и производителей и загружают фотографии. Идентификатор источника записывается в поле модели товара и используется при повторных запусках. После полного импорта база содержала 9687 товаров.

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

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

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

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

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

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