20.4 Мои продукты. Кабинет поставщика
20.4.1 Подраздел “Товары”
Блок “Фильтрация” состоит из:
-
название блока;
-
блок фильтрации товаров кнопки (со счетчиками количества): все, черновики, утвержденные, в ожидании утверждения, удаленные. Активная кнопка - выделенная;
-
Фильтр по названию каталога в котором поместили товар
-
кнопка “Добавить новые товары” - раздел добавления товаров (описан ниже);
-
блок поиска товаров на странице.
Блок-таблица “Товары” состоит из шапки таблицы - названия колонок: товар, описание, цена, последние изменение, статус, действие и колонок:
-
“Товар”: изображение и название товара;
-
“Описание” - основные характеристики товара;
-
“Цена”;
-
“Последние изменение” - дата последнего изменения товара;
-
“Статус”: в процессе, утвержден, не утвержден;
-
“Действия”: редактировать, скрыть, удалить.
На одной странице отображается не больше 10-ти товаров, присутствует пагинация (п. 6.3 Пагинация).
Добавление нового товара
Процесс добавления товара состоит из трех шагов (страниц): Базовая информация, Подробное описание, Дополнительное описание. Отображается процесс в прогресс баре (соответствующий шаг визуально отмечен).
Шаг 1. Базовая информация
Базовая информация:
-
инпут для ввода названия;
-
инпут для ввода ключевых слов;
-
селект выбора категории товара, пошаговый;
-
блок загрузки фото. Кнопка “Загрузить фото” (открывает окно браузера для загрузки фото); Кнопка “Удалить все” (удаляет все загруженные фото);
-
Текст (инструкция) по загрузке фото (форматы и размеры фото);
-
отображение загруженных фото (изображение, название, кнопка “Удалить”). Загрузить можно не больше 6-ти фото. Крайнее левое фото - основное ( присутствует метка). Перемещение картинок (вправо, влево) осуществляться с помощью “мышки” (наведя курсор на нужную картинку и зажав левую кнопку).
-
блок о продукте:
-
селект “страна производитель”;
-
инпут “бренд”;
-
инпут “модель”;
-
селект “материал”;
-
селект “тип”;
-
селект “пол”;
-
селект “сезон”;
-
блок “Добавить атрибут”: инпут “название”, инпут “значение”, кнопка-иконка “Добавить еще атрибут” (добавляет поля для ввода очередного атрибута);
-
блок кнопок: “Назад”, “Сохранить”-введенные данные сохраняются, но не отправляются на проверку, “Далее” - переход на следующий шаг;
Шаг 2. Подробное описание
-
текстовый редактор;
-
блок добавления разделов, состоит из кнопок: Описание продукта, Упаковка и доставка, Услуги - при клике открывается поп-ап “Услуги”: селект выбора услуги которые ранее добавил себе постащик - название ссылка отображается в текстовом поле, Информация, FAQ. При нажатии на кнопку - добавление соответствующего раздела в поле текстового редактора.
-
-
блок кнопок: “Назад”, “Сохранить”-введенные данные сохраняются, но не отправляются на проверку, “Далее” - переход на следующий шаг;
Шаг 3. Дополнительное описание
-
блок “Минимальный заказ”: инпут для ввода числа минимального заказа (только цифры), селект выбора единицы измерения, инпут “Другое”;
-
блок “FOB”цена: селект выбора валюты, инпуты для ввода диапазона цены (только цифры), селект выбора единицы измерения;
-
Инпут для ввода порта;
-
Чекбоксы выбора методов оплаты;
-
блок “Возможности поставки”: инпут для ввода количества (только цифры), селект выбора единицы измерения, селект выбора периода за который возможна поставка, инпут “Другое”;
-
инпут для ввода времени доставки;
-
инпут для ввода описания упаковки;
-
блок кнопок: “Отправить” - отправляется на проверку, “Сохранить” - сохраняется на проверку не отправляется, “Отправить и добавить аналогичный” - отправляется на проверку, а информация дублируется в новую форму создания товара.
20.4.2 Подраздел “Услуги”
Блок “Фильтрация” состоит из:
-
название блока;
-
блок фильтрации услуг кнопки (со счетчиками количества): все, черновики, утвержденные, в ожидании утверждения, удаленные. Активная кнопка - выделенная;
-
фильтр по названию каталога в который помещена услуга
-
кнопка “Добавить новые услуги” - раздел добавления услуг (описан ниже);
-
блок поиска услуг на странице.
-
фильтрация по категории
-
Блок-таблица “Услуги” состоит из шапки таблицы - названия колонок: услуга, описание, цена, последнее изменение, статус, действие и колонок:
-
“Услуга”: характерное изображение и название услуги;
-
“Описание” - краткое описание услуги;
-
“Цена”;
-
“Последние изменение” - дата последнего изменения услуги;
-
“Статус”: в процессе, утверждена, не утверждена;
-
“Действия”: редактировать, скрыть, удалить.
На одной странице отображается не больше 10-ти услуг, присутствует пагинация (6.3 Пагинация).
Добавление новой услуги
Процесс добавления услуги состоит из трех шагов (страниц): Базовая информация, Подробное описание, Дополнительное описание. Отображается процесс в прогресс баре (соответствующий шаг визуально отмечен).
Шаг 1. Базовая информация
Базовая информация:
-
инпут для ввода названия;
-
инпут для ввода ключевых слов;
-
селект выбора категории товара;
-
блок загрузки фото. Кнопка “Загрузить фото” (открывает окно браузера для загрузки фото); Кнопка “Удалить все” (удаляет все загруженные фото);
-
Текст (инструкция) по загрузке фото (форматы и размеры фото);
-
отображение загруженных фото (изображение, название, кнопка “Удалить”). Загрузить можно не больше 6-ти фото. Крайнее левое фото - основное ( присутствует метка). Перемещение картинок (вправо, влево) осуществляться с помощью “мышки” (наведя курсор на нужную картинку и зажав левую кнопку).
-
блок об услуге:
-
селект “тип”;
-
селект “сезон”;
-
блок кнопок: “Назад”, “Сохранить”-введенные данные сохраняются, но не отправляются на проверку, “Далее” - переход на следующий шаг;
Шаг 2. Подробное описание
-
текстовый редактор;
-
блок добавления разделов, состоит из кнопок: Описание услуги, Информация, Товары. При нажатии на кнопку - добавление соответствующего раздела в поле текстового редактора. При нажатии на кнопку “Товары” открывается поп-ап “Товары”: селект выбора категории товаров, селект выбора товара, кнопки отменить и добавить;
-
блок кнопок: “Назад”, “Сохранить”-введенные данные сохраняются, но не отправляются на проверку, “Далее” - переход на следующий шаг;
Шаг 3. Дополнительное описание
-
Чекбоксы выбора методов оплаты;
-
инпут для ввода времени выполнения;
-
блок кнопок: “Отправить” - отправляется на проверку, “Сохранить” - сохраняется на проверку не отправляется, “Отправить и добавить аналогичный” - отправляется на проверку, а информация дублируется в новую форму создания товара.
Поделитесь с Вашими друзьями: |
