Создание сайта каталога товаров автомобильных масел, эксплуатационных жидкостей и автохимии

Сайт: http://www.ngn-oil.com/

Тип сайта: Каталог товаров

Отрасль: Авто/Мото

Для NGN oil мы разработали современный многоязычный сайт с каталогом автомобильных масел, эксплуатационных жидкостей и автохимии. Благодаря возможностям шаблона "Atlas" сайт эффективно работает на планшете и телефоне (экономится трафик,адаптируется под размер экрана и быстро загружаются страницы).

В этом проекте установили и настроили ezCatalogCMS, сделали верстку по дизайну клиента, разработали модуль подбора товаров и поиска партнеров компании на карте по параметрам.

Модуль подбора товаров

Для NGN oil мы реализовали модуль подбора автомобильных масел, эксплуатационных жидкостей и автохимии по параметрам:

  • Марка автомобиля;
  • Модель;
  • Модификация.

Выводимые товары группируются по способу применения, поэтому клиентам в нем удобно ориентироваться.

Разработка модуля была проведена в трех направлениях:

  • Построили новые таблицы в базе данных (на сайта и в программе) для хранения параметров подбора;
  • Реализовали плагин для программы "Электронный заказ" (чтобы обновлялись данные о подборе на сайте);
  • Создали front-end и back-end код модуля на сайте.

Интерфейс подбора товаров спроектирован таким образом, чтобы им было удобно пользоваться не только на компьютере, но и на планшете и телефоне.

Выбрать марку машины в подборе товаров Выбрать модель машины в подборе товаров Выбрали модификацию машины получили подобранные товары

Модуль поиска партнеров компании на карте

Разработали модуль поиск партнеров компании на карте по параметрам. Его реализация делиться на две части:

  • Административная панель;
  • Сайт.

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

  • Страны;
  • Региона;
  • Города;
  • Адреса.

На сайте клиенты могут искать партнеров и отфильтровать их по параметрам:

  • По месту расположения:
    • Регион
    • Город
  • По типу партнера:
    • Магазин
    • СТО
    • Дистрибьютор

При изменении параметров партнеры динамически добавляются и удаляются на карте и в списке для перечисления.

Если нажать на адрес конкретного партнера в списке, то карта автоматически сфокусируется на нем.

Список партнеров с картой фильтром по параметрам Выбор региона и города партнера Открыли конкретного партнера на карте

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

Как выглядит сайт с каталогом товаров NGN на компьютере:

Главная страница сайта с каталогом автомобильных масел и автохимии на английском языке Страница 'О компании' на сайте с каталогом автомобильных масел и автохимии Продукция на сайте с каталогом автомобильных масел и автохимии Карточка товарв на сайте с каталогом автомобильных масел и автохимии

Как выглядит сайт с каталогом товаров NGN на планшете:

Главная страница сайта с каталогом автомобильных масел и автохимии на планшете Мобильное меню на сайте с каталогом автомобильных масел и автохимии Категории товаров на сайте с каталогом автомобильных масел и автохимии Каталога товаров на сайте с каталогом автомобильных масел и автохимии

Как выглядит сайт с каталогом товаров NGN на телефоне:

Карта со списком партнеров на сайте с каталогом автомобильных масел и автохимии Подбор товаров на сайте с каталогом автомобильных масел и автохимии Страница 'О сотрудничестве' на сайте с каталогом автомобильных масел и автохимии Карточка товара на сайте с каталогом автомобильных масел и автохимии

Используя наш сайт, вы соглашаетесь на обработку файлов cookie.