logo

Инструменты

ProContext

Инструменты

Детализация товара. Часть I

Детализация товара. Часть I

4
Задача: сделать детализацию товара

Задача: сделать детализацию товара

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

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

2. Придумываем разбиение на вкладки.

Придумываем разбиение на вкладки.

3. Выносим название товара в заголовок.

Выносим название товара в заголовок.

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

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

5. Добавляем время последнего обновления и кнопку для обновления.

Добавляем время последнего обновления и кнопку для обновления.

6. Делаем вкладку настроек. Ранжируем таблицы в порядке необходимости.

Делаем вкладку настроек. Ранжируем таблицы в порядке необходимости.

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

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

8. Подсвечиваем место, которое занимает магазин.

Подсвечиваем место, которое занимает магазин.

9. Показываем. Изменения приняты.

Показываем. Изменения приняты.