Пример полноформатного технического заданияна создание e-commerce проекта

Левое товарное меню не предусмотрено. Его роль выполняет расширенная цепочка навигации.

Область №1.

«Основная область просмотра медиа», в этой области появляется выбранное из «ленты выбора медиа» — изображения товара или видео. При показе множества вариантов просмотра, видео помечается отличительным знаком. Если товар имеет маркетинговые признаки, они все выводятся на «основной области просмотра медиа».

Под «лентой выбора медиа» размещается блок «список разделов информации о товаре» для навигации — при выборе раздела, контент в области №2 перемещается на выбранный раздел.

Область №2 — основная информация о товаре.

Если для товара задана сущность «цветовые варианты» выводится соответствующий блок, все цветовые варианты можно просмотреть на отдельной странице;

Блок «социальные сети»;

Если для товара активна акция, информация об этой акции выводится в виде: условия акции (может содержать HTML), счетчик обратного отсчета до окончания акции.

Блок ценовой информации и сервисов:

цена товара (предусматривается акционная форма представления старая:новая цена);

«узнать о снижении цены» — всплывающее окно для определения % при котором слать уведомления, EMAIL для уведомления.

Кнопка «Купить» —появляется всплывающее окно с содержимым корзины см. «Всплывающая корзина»;

Ссылка «к сравнению» — добавляет товар в список сравнения, если товар уже в сравнении, ссылка меняется на «в сравнении» и при клике осуществляет переход на страницу сравнения, + значок удаления из сравнения;

Ссылка «в избранное» — добавляет товар в список желаний, если товар уже в «списке желаний», ссылка меняется на «уже в списке» + значок удаления из «списка желания». При клике на ссылку «уже в списке» осуществляется переход на «страницу желаний».

Рассчитать кредит — выбор условий кредитования и оформления товара по кредиту — будет реализовываться на втором этапе когда будут известны условия;

Копка «Заказать в один клик» — предлагается ввести номер телефона, пользователь вводит номер телефона, после чего в системе формируется заказ с виртуальным пользователем (если текущий не был авторизован);

Информационный блок о условиях покупки

В блоке имеется возможностью посмотреть остатки данного товара на складах/магазинах выбранного города;

Информационный блок «купить комплектом» и блок «С этим товаром мы рекомендуем»

Комплекты как объекты, формируются вручную на сайте. Если товар №2 идет в комплекте с товаром №1, то обратное с теми же условиями акции также справедливо (транзитивность). Для определения комплекта необходимо задать:

Список товаров, участвующих в комплекте – не более двух; Цену каждого товара при покупке комплектом; или Конечную стоимость комплекта; Дата начала и окончания действия комплекта; Передача комплектов из 1С через механизм обмена не предусматривается.

Если комплекты для товара отсутствуют, вместо него отображается блок «С этим товаром мы рекомендуем» — список рекомендуемых товаров из разных категорий. Так как товаров может быть много, доступен фильтр для отбора рекомендуемых товаров по категории. Рекомендуемые товары формируются на сайте в виде отдельных объектов сущности «рекомендация». В объект «рекомендация» помещаются ссылки на товары, которые могут покупаться, рекомендоваться к совместной покупке. Соблюдается правило транзитивности для товаров, входящих в множество. Для каждого товара может быть задано несколько ссылок на объекты «рекомендации», в этом случае множества товаров объединяются.

Лента «Информационные материалы» (выводятся только блоки в которых есть информация), состоит из блоков:

Описание товара — если объем информационного материала большой, показывается первые 10 строк, нижняя часть «размывается» и выводится ссылка «Еще» с возможностью развернуть весь материал для просмотра; Описание – это HTML материал в котором могут содержаться любое наполнение, поддерживаемое этим форматом;

«Характеристики товара в сравнении с похожими»

В таблицу попадают товары из того же раздела — текущий товар выводится на втором месте, слева от него выводится товар с более низкой ценой, справа, несколько товаров с более высокой ценой;

Изначально в таблице выводятся только характеристики которые определены как фильтрующие для текущего раздела + характеристики отличные для выбранных товаров, остальные характеристики выводятся по ссылке «Больше характеристик». Из таблицы характеристик товар можно купить.

«Отзывы о товаре» — выводится первые 3 отзыва, сортировка по дате убывание, все отзывы разворачиваются по ссылке «Показать больше отзывов». Если отзывов много, появляется постраничная навигация. Могут применяться иерархические отзывами. «Оставить отзыв» - кнопка показывает форму: имя, оценка товара от 1-5, текст отзыва, если пользователь авторизован, известные поля заполняются автоматически. Для отзыва можно оценить его полезность –требуется авторизация. Отзывы выводятся после премодерации.

Серия и модификации товара — если товар входит в объект «серия», выводится описание серии и все товары, входящие в нее, если товаров много, они выводятся таблицей построчно с функцией «Показать больше». Ссылка для просмотра всех товаров серии на отдельной странице.

«Покупатели, которые просматривали этот товар, также интересуются» лента товаров, подгружаются при скролле по требованию. Представление товара – стандартное каталожное.

«Похожие модели» лента товаров, подгружаются при скролле по требованию. Список формируется из специального свойства товара. Если не задан, формируется из: товаров того же бренда текущего раздела каталога. Представление товара – стандартное каталожное.

«Вы недавно смотрели»

После того как область «шапка сайта» «3» скрылась за верхней границы окна браузера, область «1» прекращает движение вверх. Область «2» продолжает движение вверх. Если в области «2» кнопка «Купить» выходит из окна видимости, кнопка «Купить»+цена появляются под областью №1.

Область «1» останавливается (замораживается) до тех пор, пока в видимой области браузера не появится нижняя лента «похожие модели».

Если пользователь начнет обратный «скролл» вверх, то область «1» начнет движение вниз после того как её верхняя часть поравняется с верхней частью области «2».

📎📎📎📎📎📎📎📎📎📎