Техническое задание «Marketplace com»


Виджет “Вам также понравится”



страница5/25
Дата27.11.2017
Размер1.19 Mb.
ТипТехническое задание
1   2   3   4   5   6   7   8   9   ...   25




6.6 Виджет “Вам также понравится”


прототип: http://6eao6f.axshare.com/#g=1&p=14_0_0_0_catalog_1uroven_serv

(виджет, перед футером)

Может набираться из различных или однотипных товаров или услуг (до16 штук) и вставляться в каталоге 1, 2, 3го уровня, а так же в особых случаях в карточке товара и иных страницах, где это предусмотрено версткой.

состоит из:


  1. Мини карточка товара №1 (при ховере меняет свой вид)

  • Фото;

  • Название продукта по клику ведет на страницу продукта;

  • Мин. заказ (к-во);

  • Кнопка “Оставить сообщение”;

  • Псевдоссылка “В избранное”, при клике надпись меняется на “В избранном” (товар добавляется в список избранных и отображается в личном кабинете во вкладке “Избранные товары”).

  • Псевдоссылка “Сравнить”, при клике надпись меняется на “В сравнении”.

  1. Элементы управления слайдером. По клику загружается следующие 4 предложения.



6.7 Онлайн-чат


актуальный макет: http://6jvf3b.axshare.com/#g=1&p=9_0_0_0_online_chat

6.7.1 Покупатель


Состоит из 3х блоков

Блок первый: представители компании


Новое сообщение от преставителя отображается цифрами на его аватарке

Блок два: сообщения



  • блока с сообщениями которые состоят из даты отправки, текста сообщения, прикрепленных файлов если таковые имеются и аватарки отправителя



  • блока отправки сообщения: аватар отправителя, имя фамилия адресата, поле для ввода текста, кнопка “Отправить”, кнопка-иконка “Прикрепить” открывает окно браузера для прикрепления файлов, названия прикрепленных файлов отображаются справа от данной кнопки.

  • кнопка закрытия (сворачивания) окна

Блок три: информация о товаре, услуге и поставщике

Блок формируется на основе того откуда был совершен клик по кнопке онлайн чат, если с товара, то появляется во вкладке этот товар, во вкладке поставщик, поставщик этого товара, если с услуги, то соответственно, во вкладке эта услуга, во вкладке поставщик, поставщик этой услуги.

миникарточки услуги, товара и поставщика описаны в разделе миникарточки



6.7.2 Поставщик


Для поставщика в третьем блоке отображается информация о покупателе и товаре или услуги, с которой покупатель написал.



Все сообщения из онлайн чата попадают в раздел “сообщения” покупателя и поставщика

6.7.3 Свернутый вид


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


6.8 Типы миникарточек


прототипы: http://6eao6f.axshare.com/#g=1&p=10_0_0_0_catalog_3uroven_items

http://6eao6f.axshare.com/#g=1&p=10_1_0_0_services http://6eao6f.axshare.com/#g=1&p=10_2_0_0_catalog_3uroven_suppliers

http://6eao6f.axshare.com/#g=1&p=10_3_0_0_catalog_3uroven_buyers

6.8.1 Миникарточка товара


миникарточка товара тип плитка:


Состоит из:

Вся область миникарточки товара является ссылкой на соответствующую карточку товара


  • Фотографии размером 230х230 px по наведению (ховеру) на которую показываются дополнительная информация.

  • Иконка “Проверенный товар”

  • Название товара, по клику переходим на соответствующую карточку товара, по ховеру показываются дополнительная информация о товаре

  • минимальный заказ, текст

  • кнопка оставить сообщение, по клику на которую мы попадаем на карточку товара с открытым поп-апом “Оставить сообщение”

  • Кнопка “Онлайн чат”;

  • Псевдоссылка “В избранное” (после клика - “В избранном”);По клику название меняется на “В избранном”, по повторному клику переходим в раздел “Избранное”, в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

  • Псевдоссылка “Сравнить” (после клика - “В сравнении”); По клику название меняется на “В сравнении”, по повторному клику переходим в раздел “Сравнения”, в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

миникарточка товара вид список:



состоит из:



  1. Фото;

  2. Название продукта;

  3. Иконка “Проверенный товар”

  4. Мин. заказ (к-во);

  5. Основные характеристики, которые берутся из карточки товара;

  6. Псевдоссылка “В избранное”, (после клика - “В избранном”);По клику название меняется на “В избранном”, по повторному клику переходим в раздел “Избранное”, в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

  7. Псевдоссылка “Сравнить” (после клика - “В сравнении”); По клику название меняется на “В сравнении”, по повторному клику переходим в раздел “Сравнения”, в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

  8. Блок “Поставщик”, вся информация берется из информации о поставщике в ЛК:

  • Ссылка “Название поставщика” , при клике переход на страницу продавца;

  • Место положение поставщика;

  • Ссылка “Контакты”, при клике переход на страницу продавца (вкладка “Контакты”);

  • Иконка - подтверждение о владении “Золотой статус” (если поставщику он присвоен);

  • Подтверждение (иконка и текст) о владении статуса “Проверенный поставщик” (если поставщику он присвоен);

  • Информация - “На рынке”

  • Информация - “Частота ответов” в процентах;

  • Кнопка “Онлайн чат”;

  • Кнопка “Оставить сообщение”. по клику на которую мы попадаем на карточку товара с открытым поп-апом “Оставить сообщение”

6.8.2 Миникарточка услуги


миникарточка услуги тип плитка:

Состоит из:



  • Фотографии размером 230х230 px по наведению (ховеру) на которую показываются дополнительное.

  • Иконка “Проверенный товар”

  • Название товара, по клику переходим на соответствующую карточку товара, по ховеру показываются дополнительное описание о услуге

  • кнопка оставить сообщение, по клику на которую мы попадаем на карточку товара с открытым поп-апом “Оставить сообщение”

  • Кнопка “Онлайн чат”;

  • Псевдоссылка “В избранное”, (после клика - “В избранном”);По клику название меняется на “В избранном”, по повторному клику переходим в раздел “Избранное”, в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

  • Псевдоссылка “Сравнить” (после клика - “В сравнении”); По клику название меняется на “В сравнении”, по повторному клику переходим в раздел “Сравнения”, в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

миникарточка услуги тип список:



состоит из:



  1. Фото;

  2. Иконка “Проверенный товар”

  3. Название услуги;

  4. описания;

  5. цена - берется из общих характеристик услуги

  6. срок поставки - берется из общих характеристик услуги

  7. оплата - берется из общих характеристик услуги

  8. Псевдоссылка “В избранное”, (после клика - “В избранном”);По клику название меняется на “В избранном”, по повторному клику переходим в раздел “Избранное”, в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

  9. Псевдоссылка “Сравнить” (после клика - “В сравнении”); По клику название меняется на “В сравнении”, по повторному клику переходим в раздел “Сравнения”, в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

  10. Блок “Поставщик”, вся информация берется из информации о поставщике в ЛК:

  • Ссылка “Название поставщика” , при клике переход на страницу продавца;

  • Место положение поставщика;

  • Ссылка “Контакты”, при клике переход на страницу продавца (вкладка “Контакты”);

  • Иконка - подтверждение о владении “Золотой статус” (если поставщику он присвоен);

  • Подтверждение (иконка и текст) о владении статуса “Проверенный поставщик” (если поставщику он присвоен);

  • Информация - “На рынке”

  • Информация - “Частота ответов” в процентах;

  • Кнопка “Оставить сообщение”. по клику на которую мы попадаем на карточку товара с открытым поп-апом “Оставить сообщение”

  • Кнопка “Онлайн чат”;

6.8.3 Миникарточка “запроса на покупку товара/услуги”


миникарточка “запроса на покупку” тип плитка:

Состоит из :



  • Изображение товара;

  • Название товара - ссылка, по клику ведет на страницу объявления;

  • Страна (флаг страны и название);

  • Иконка проверенный покупатель

  • Нужное количество товара;

  • Дата публикации, в формате дд, месяц;

  • Дата окончания публикации, в формате, дд, месяц

  • Количество предложений;

  • Кнопка “Сделать предложение”;

миникарточка “запроса на покупку” тип список:



Состоит из :



  • Изображение товара, по клику открывается карточка запроса на покупку;

  • Название товара - ссылка, по клику открывается карточка запроса на покупку;

  • Описание товара, текстовый блок;

  • Страна (флаг страны и название);

  • Иконка проверенный покупатель

  • Нужное количество товара;

  • Дата публикации, в формате дд, месяц;

  • Дата окончания публикации, в формате, дд, месяц

  • Кнопка “Сделать предложение”.

6.8.4 Миникарточка “Поставщика”


миникарточка “Поставщика” тип плитка:

Состоит из:



  • Название поставщика;

  • Иконки (“Проверенный”, “Золотой статус” - если эти статусы есть у поставщика);

  • Страна/регион;

  • Информация о типах продуктов/услуг;

  • Частота ответов поставщика в процентах;

  • Подтверждение квалификации. Отображается с помощью иконок. Указывается администратором портала;

  • Кнопка “Онлайн чат”.

  • Кнопка “Оставить сообщение”; по клику на которую мы попадаем на карточку товара с открытым поп-апом “Оставить сообщение”

  • Псевдоссылка “В избранное” (после клика - “В избранном”);По клику добавляет поставщика в раздел избранное в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

  • Псевдоссылка “Сравнить” (после клика - “В сравнении”); По клику название меняется на “В сравнении”, по повторному клику переходим в раздел “Сравнения”, в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

миникарточка “Поставщика” тип список:



Состоит из:



  • Название поставщика;

  • Иконки (“Проверенный”, “Золотой статус”, “Проверенный поставщик”, “Проверенный производитель” - если эти статусы есть у поставщика);

  • Ссылка “Контакты”, при клике - переход во вкладку “Контакты” магазина поставщика;

  • Ссылка “О компании”, при клике переход во вкладку “О компании” магазина поставщика, открывается в новом окне;

  • Псевдоссылка “В избранное”; По клику добавляет поставщика в раздел избранное в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

  • Псевдоссылка “Сравнить”; По клику название меняется на “В сравнении”, по повторному клику переходим в раздел “Сравнения”, в ЛК. Если пользователь не авторизован, появляется окно авторизации/регистрации.

  • Мини карточки товара №3 (фото, название товара) поставщика. Если товаров нет - блок не отображается. Категория товара зависит от категории в какой находиться пользователь;

  • Основные продукты/услуги поставщика;

  • Страна/Регион;

  • Вид деятельности;

  • Подтверждение квалификации. Отображается с помощью иконок. Указывается администратором портала;

  • Частота ответов;

  • Кнопка “Оставить сообщение”;по клику на которую мы попадаем на карточку товара с открытым поп-апом “Оставить сообщение”

  • Кнопка “Онлайн чат”.

миникарточка “Поставщика” в Личном Кабинете:





  • Название поставщика;

  • Иконки (“Проверенный”, “Золотой статус”, “Проверенный поставщик”, “Проверенный производитель” - если эти статусы есть у поставщика);

  • Ссылка “Контакты”, при клике - переход во вкладку “Контакты” магазина поставщика;





Поделитесь с Вашими друзьями:
1   2   3   4   5   6   7   8   9   ...   25


База данных защищена авторским правом ©vossta.ru 2019
обратиться к администрации

    Главная страница