Демо сайт автозапчастей редизайн - Пакет Стандарт

Материал из MstarProject Manual
Перейти к: навигация, поиск

Обзор

Область применения

Этот документ предоставляет документацию по управлению и использованию демонстрационного сайта Ирбис, подробное описание находится по адресу http://www.mstarproject.com/?action=tecdoc_mysql_site.

В связи с тем, что модули наши постоянно совершенствуются и изменяются, было принято решение вести этот документ в вики с сохранением истории и другими достоинствами версионных документов. Возможна ситуация, когда сайт отличается от написанной документации к нему - это значит, что страница документации будет в скором времени обновлена при завершении проекта, в котором реализована эта обновленная версия модуля.

Цели

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

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

Версия пакета стандарт

Текущая версия документации и пакета стандарт - 5.0 Версия текущего сайта выводится в закрытой цмс mpanel - вверху в виде {$ProjectName} MPanel v{$CurrentVersion}. Пример для текущего демо проекта - Ирбис - MPanel v5.0

Подробнее о выпущенных версиях и внесенных в них изменениях можно прочитать на отдельной странице http://manual.mstarproject.com/index.php/Auto.Mstarproject_-_Release_notes

Документация

Клиентская часть

Модуль регистрации, профайл и личный кабинет

Модуль включает в себя общую страницу логина и регистрации, куда перенеправляются все пользователи в ситуации, когда нужна авторизация или же возникли какие-то ошибки с авторизацией:

Auto user login redesign.png

Форма регистрации нового клиента включает в себя минимальный набор обязательных для регистрации полей,
а также аякс проверку занятости логина, блок "сложности пароля" и математическую капчу:
Auto user new account redesign.png

В случае, если заказчик неправильно заполнил форму или же пропустил какие-либо обязательные поля - ему выведется ошибка с указанием, что нужно исправить. Если форма заполнена верна - заказчик сразу автоматически логинится на сайт и попадает в свою учетную запись. На почту заказчику высылается такое уведомление:
Auto user notification redesign.png

Текст данного уведомления хранится в шаблоне с кодом confirmation_letter. Вы можете его отредактировать в модуле >>Содержание>Шаблоны ЕмПанели , подставив данные своей компании. Подробнее, как пользоваться шаблонами в ЕмПанели рассказано в модуле Менеджер шаблонов.

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

ЕмПанель>>Пользователи>Заказчик

Auto user customer mpanel redesign.png
Для тестирования работы сайта даже, когда проект будет в рабочем состоянии - можно создать "тестового" заказчика и после завершения тестирования "Очистить тестовые данные".

Профиль

Свои данные и настройки пользователь может отредактировать самостоятельно в своем Профиле:
Auto user profile redesign.png

Кроме того, что заказчик может зарегистрироваться сам через форму регистрации - он может создать вин запрос, оформить заказ без регистрации или для заказчика вин запрос может оформить менеджер. В таких случаях создается т.н. "временная" учетная запись, к примеру логин a84 (пароль: d25422). Чтобы заказчик смог воспользоваться такой учетной записью - нужно сменить временный логин на постоянный, пароль можно оставить без изменений.
Auto user card redesign.png

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

Личный кабинет

Личный кабинет это страница быстрого просмотра и доступа к часто необходимой информации, такой как: заказы, vin-запросы, сообщения, поисковые запросы.

Main redesign.png

  1. Имя менеджера который присвоен текущему пользователю. Ссылка "написать ему сообщение" переходит на страницу нового сообщения в котором уже введен логин менеджера в поле адреса.
  2. Информация о количестве новых сообщений и ссылка на страницу сообщений
  3. Ссылка на профиль пользователя
  4. Краткая информация о деталях заказов из раздела "Детали в работе"
  5. Последние VIN запросы
  6. Последние поисковые запросы

Управление заказами и корзиной

Модуль состоит из таких частей:

Auto cart list redesign.png

  • Быстрый заказ по телефону

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

  • Оформление заказа на одной странице, с возможностью создать новую учетную запись или зайти под существующей.
Auto cart package onepage sel redesign.png

А это вариант оформления, если заказчик уже вошел на сайт:

Auto cart package onepage redesign.png

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

Auto cart package list redesign.png

Обратите внимание, везде, где перед таблицей есть блок "фильтр", его можно развернуть и воспользоваться
поиском по полям формы фильтрации, вариант фильта для страницы "Заказы"

Auto cart package list filter redesign.png

  • Детали в работе - для отслеживания движения (статусов) по заказанным позициям.
Auto cart order list redesign.png

Финансы

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

Auto finance redesign.png

Гараж автомобилей

У заказчика в меню есть пункт - Гараж автомобилей, который содержит список автомобилей. Этот список заполняет сам заказчик.

Garage redesign2.png

При помощи кнопки Добавить заказчик получает на экран форму, где заполняет поля своего авто. Среди полей есть обязательные, они отмечены '*', кроме того, в таблице автомобилей предусмотрены такие возможности:
1 - редактирование ранее созданных записей по авто;
2 - подобрать товары - переход на страницу рубрик товаров с уже выбранным авто;
3 - создание запроса Vin;
4 - удаление записи из таблицы автомобилей;

Garage edit redesign.png

Эти данные можно использовать каждый раз как при создании Vin запроса для запчастей, так и при создании заказа.

Garage create order redesign.png

1 - При оформлении заказа заказчик может указать, нужно ли проверить данные его заказа на совместимость к его автомобилю.
Если в списке автомобилей нет нужного, или список вообще пустой, заказчику нет необходимости бросать оформление заказа,
достаточно в списке нажать на кнопку добавить и заполнить данные об авто в появившемся окне.

Garage sel auto redesign.png

Модуль Vin запросов

Внутренние сообщения и уведомления

Модуль по сути является аналогом почты, только локальной для проекта. На форумах и блогах используется также название "Личная почта" (личка). У пользователя может не быть почты, но ему нужны уведомления и возможность общаться внутри проекта.

Также заказчику высылается в автоматическом режиме уведомления, и чтобы был аргумент "Сообщение всегда доставлено" и не попало в спам, удалено антивирус фильтрами - мы его доставляем во внутренние сообщения. После доставки письма во внутренние сообщения, если заказчик не убрал галку и у него корректно заполнена почта - копия сообщения высылается на его почтовый ящик.

Находится модуль по адресу: http://irbisredesign.mstarproject.com/pages/message и у менеджера, и у заказчика:

Auto message list redesign.png

Также как и обычная почта, Внутренние сообщения разбиты на папки. В верхней части есть поисковая форма по письмам. Сообщению можно присвоить признак "Избранное" и соответствующей иконкой отфильтровать только избранные сообщения.
Чтобы не "терялась" переписка и менеджеры не могли удалять свои же письма - вместо этого реализована процедура архивирования ненужных писем, которые можно со временем поднять и найти.

Вместо адреса используются логины пользователей:

Auto message compose redesign.png

1 - заполняете логин например своего менеджера
2 - тема сообщения
3 - текст сообщения

Чтобы упростить задачу написания сообщения своему менеджеру, можно зайти в профиль и нажать "Написать ему сообщение", напротив текста Ваш менеджер:

Create message manager redesign.png

Сообщения об оплате

Модуль сообщений об оплате предоставляет возможность заказчику создавать сообщения на менеджера сайта о выполненной оплате.
Payment report 1 redesign.png

Форма создания сообщения состоит из полей:
Дата оплаты - необходимо ввести значение в виде день-месяц-год часы:минуты:секунды, например: 31-12-2013 20:10:00.
Если оставить поле пустым - возьмется текущее дата и время.
Метод - выбирается из списка.
Цена - это обязательное поле, необходимо указать в этом поле числовое значение больше нуля.
Комментарий - любой текст.
Заказ - это обязательное поле, необходимо указать в этом поле по какому из заказов покупателя создается сообщение об оплате.
Payment report 2 redesign.png
После создания сообщения об оплате заказчик увидит измененный список сообщений и информацию о том что сообщение об оплате создано.
Сообщения об оплате можно отредактировать. Для этого в списке сообщений нажимаем на ссылку "Редактировать",
получаем на экран форму с данными сообщения. После внесения изменений нажимаем "Редактировать".
Кроме редактирования можно выполнить и удаление сообщения. Нажимаем "Удалить", перед удалением модуль переспросит у
заказчика про выполнение действия.
Payment report del redesign.png
Когда заказчик выполняет создание, удаление, или редактирование сообщений модуль будет выполнять отправку сообщений на почту
менеджера сайта. Адрес почты указан в константе - payment_report:to_email Ниже приведены примеры писем: Payment report 5.png
Payment report 6.png

Шаблоны писем храняться в empanel - Шаблоны - (код - create_new_payment_report)

Декларации об отправке

Модуль предоставляет информацию заказчику об отправленных товарах для него. Это таблица с перечнем полей:
Payment declaration user redesign.png
Новые декларации создаются менеджерами сайта и будут идти всегда сверху. При создании или удалении декларации заказчик будет получать уведомления на почту.

Время действия корзины

Заказчик на сайте помещает в корзину позиции и может оформить по ним заказ.
Но если заказчик оставил в корзине не заказанные детали, они там хранятся до определенного момента.
За это отвечает параметр "Кол-во часов для удаления позиций из корзины".
Каждому заказчику присваивается при регистрации определенная группа
за которой и закреплен данный параметр.
Группу заказчика менеджер может посмотреть и поменять в Empanel

AT609-6.png

Список групп и закрепленное за ними значение параметра - "Кол-во часов для удаления позиций из корзины"

AT609-2.png

Пример редактирования группы заказчика:

AT609-3.png

В константах присутствуют 2 переменные: hours_expired_cart - если в группе пользователя значение не заполнено = 0, то будет браться из этой константы.
hours_expired_cart_delete - удаленные позиции будут храниться еще столько часов, прежде чем полностью исчезнут.

AT609-1.png

Если заказчик оставлял в корзине данные и они были перемещены в удаленные, но еще окончательно не исчезли из удаленных,то
при переходе в корзину будет показано сообщение со ссылкой на удаленные позиции (1).
AT609-5-redesign.png

Страницa с удаленными позициями:
AT609-4-redesign.png

Модуль новостей

Новости на сайте представлены блоком на главной странице сайта:

News redesign.png

Каждый элемент новости представлен:
1 - изображением (шаблонным, как в первом блоке, или загруженными администратором сайта как в остальных)
2 - дата новости
3 - тема новости

Кол-во новостей в блоке на главной регулируется глобальной константой в емпанели "news:max_limit":

News limit redesign.png

Eсли блоков больше чем позволяет размер сайта, появится механизм их прокрутки:

News carousel redesign.png

Модуль новостей редактируется в ЕмПанели

>>ЕмПанель>>Содержание>Новости

Есть возможность редактировать в хтмл редакторе, а также вставлять картинки. Если не стоит галка "Есть ссылка на превью новости" - то новость будет по сути просто анонсом без ссылки на полную версию.

Auto news edit redesign.png

Также модуль новостей можно найти по адресу http://irbis.mstarproject.com/pages/news

Auto news list redesign.png

Поиск на сайте

На текущий момент система поиска на сайте состоит из 3 частей.
Введенное значение в строке поиска сайт проверяет на принадлежность к VIN-коду авто, если данных не будет найдено подключится проверка сопоставления с кодами запчастей, находящихся в прайсе сайта. Если и там не нашлось совпадений, запустится поиск через систему Sphinx, которая интерпретирует введенное значение как слово и пытается его найти как часть кода, часть слова в названии запчастей, часть слова в названии групп, рубрик сайта. Ниже более подробно о каждом варианте поиска.

Поиск с расшифровкой VIN

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

Vin decode redesign.png

Еще один пример списка подобранных авто по введенному VIN:

Vin decode redesign2.png

Это пример страницы после перехода по ссылке с таблицы подобранных авто:

Vin decode3 redesign.png

Поиск по коду

Предназначен для поиска запчастей по заданному коду, если при поиске найден один или более кодов, к результатам подвязываются их кроссы.
Для поиска необходимо в форму поиска ввести нужный код.
Cистема подберет запчасти найденные по точному совпадению кода и по кроссам данного кода.

Catalog search for code redesign.png

Если по искомому коду будет найдено более одного бренда, то будет выведена таблица содержащая найденные бренды и ссылки на поиск по коду с учетом выбранного бренда.

Catalog brand view redesign.png

Полнотекстовый релевантный поиск с учетом морфологии на базе Sphinx

Большинству запчастей полнотекстовый поиск не подходит. Но есть 5-10% товаров, для которых он катастрофически нужен и без него уж никак. А наш стандартный поиск с прямыми по своей сути кросс связями и указанием четкой модели и марки авто из tecdoc, для этой группы товаров не работает. Пример таких «неправильных» товаров: масла, шины, аккумуляторы и другие подобные.

Auto sphinx start redesign.png

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

Обратите внимание, что полнотекстовый поиск удобно использовать когда вы не помните точный код, то есть полнотекстовый поиск ищет товары по неполному/частичному коду.

Каталог запчастей

Модуль предназначен для поиска запчастей, используя подбор как по авто, так и просто по рубрикам(группам) каталога.
Как настраивать рубрики и группы более подробно будет расписано в документации по административной части сайта.
Вот так выглядит пример построения каталога на главной странице сайта:

Catalog redesign.png

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

Выбор авто

Вот так выглядит первоначально форма выбора авто:

Catalog sel auto redesign.png

Т.е. указываете поочередно - год, марку, модель, тип кузова, объем, двигатель для получения нужного авто и подбора по нему в дальнейшем запчастей.

Catalog sel auto2 redesign.png

Catalog sel auto3 redesign.png

Catalog sel auto4 redesign.png

Catalog sel auto5 redesign.png

Catalog sel auto6 redesign.png

Catalog sel auto7 redesign.png

После выбора Двигателя, автомобиль полностью идентифицируется и блок подбора авто уже выглядит по другому:

Catalog sel auto8 redesign.png

Напоминание - возможно у Вас есть Vin код автомобиля, тогда достаточно его ввести в строке поиска деталей и Вы получите либо сразу выбранное авто,
либо список подходящих авто под этот Vin, где так же достаточно нажать на ссылку "Перейти в каталог"

Vin decode redesign.png