Создание сайта каталога товаров автомобильных масел, эксплуатационных жидкостей и автохимии
Тип сайта: Каталог товаров
Отрасль: Авто/Мото
Для NGN oil мы разработали современный многоязычный сайт с каталогом автомобильных масел, эксплуатационных жидкостей и автохимии. Благодаря возможностям шаблона "Atlas" сайт эффективно работает на планшете и телефоне (экономится трафик,адаптируется под размер экрана и быстро загружаются страницы).
В этом проекте установили и настроили ezCatalogCMS, сделали верстку по дизайну клиента, разработали модуль подбора товаров и поиска партнеров компании на карте по параметрам.
Модуль подбора товаров
Для NGN oil мы реализовали модуль подбора автомобильных масел, эксплуатационных жидкостей и автохимии по параметрам:
- Марка автомобиля;
- Модель;
- Модификация.
Выводимые товары группируются по способу применения, поэтому клиентам в нем удобно ориентироваться.
Разработка модуля была проведена в трех направлениях:
- Построили новые таблицы в базе данных (на сайта и в программе) для хранения параметров подбора;
- Реализовали плагин для программы "Электронный заказ" (чтобы обновлялись данные о подборе на сайте);
- Создали front-end и back-end код модуля на сайте.
Интерфейс подбора товаров спроектирован таким образом, чтобы им было удобно пользоваться не только на компьютере, но и на планшете и телефоне.
Модуль поиска партнеров компании на карте
Разработали модуль поиск партнеров компании на карте по параметрам. Его реализация делиться на две части:
- Административная панель;
- Сайт.
В административной панели можно добавлять и изменять информацию о партнере и редактировать настройки модуля. Если в данных партнера не указать точные координаты, то система их автоматически определить и добавит на основании:
- Страны;
- Региона;
- Города;
- Адреса.
На сайте клиенты могут искать партнеров и отфильтровать их по параметрам:
- По месту расположения:
- Регион
- Город
- По типу партнера:
- Магазин
- СТО
- Дистрибьютор
При изменении параметров партнеры динамически добавляются и удаляются на карте и в списке для перечисления.
Если нажать на адрес конкретного партнера в списке, то карта автоматически сфокусируется на нем.
Кроме всего выше перечисленного, мы улучшили мобильную версию сайта и реализовали полноценную поддержку двух языков (стандартные сообщения, текстовые страницы, каталог продукции, карточка товаров и другие данные).