Интернет-магазин Coffeelight.ru на OpenCart

Задача

Клиент принес готовые дизайн-макеты и попросил сделать магазин на OpenCart. Нужна была полная верстка, настройка модулей и адаптивная версия для мобильных.

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

Верстка и дизайн

Сверстали все страницы по макетам клиента:

Главная страница с промо-блоками
Каталог с сеткой товаров
Карточка товара с вкладками
Корзина и оформление заказа
Личный кабинет

Адаптивная верстка под все устройства — от больших экранов до телефонов. Протестировали на разных разрешениях.

Модули и функционал

Фильтрация товаров

Поставили модуль Dream Filter 2.3. Настроили фильтры по типу кофе, степени обжарки, весу упаковки, цене. Можно выбрать несколько параметров сразу — результаты обновляются без перезагрузки страницы.

Быстрое оформление

Добавили два способа быстрой покупки:

Упрощенный заказ — все на одной странице, меньше шагов
Заказ в 1 клик — оставил номер телефона, менеджер перезвонит

Карточка товара

Установили модуль дополнительных вкладок. В карточке кофе можно показать: состав, способ приготовления, отзывы, доставку. Каждая вкладка настраивается отдельно для каждого товара.

Мультидоставка

Интегрировали модуль с несколькими вариантами доставки: курьером, самовывозом, Почтой России. Стоимость рассчитывается автоматически в зависимости от адреса и веса заказа.

Быстрый просмотр

Добавили всплывающее окно с основной информацией о товаре. Можно посмотреть фото, цену, описание и добавить в корзину без перехода на страницу товара.

Тестирование

Проверили работу всех модулей: фильтры, формы заказа, расчет доставки, быстрый просмотр. Убедились, что все модули совместимы между собой и с версией OpenCart.

Оптимизировали скорость загрузки: сжали изображения, настроили кэширование, минифицировали CSS и JS файлы.

Результат

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

Клиент запустил магазин сразу после передачи. Все модули настроены, можно добавлять товары и принимать заказы.