Как клиент находит материал в каталоге

#367

Каталог материалов — главный экран при подборе позиций для проекта-заказа. Клиент попадает в него через меню «Добавить» (значок «+» в шапке проекта) — пункт «Материал/ товар». Сейчас в платформе работают два варианта каталога: новый расширенный поиск (открывается по умолчанию) и старый классический (доступен через переключатель). Контент в обоих один — данные едины, отличается только интерфейс.

Новый расширенный поиск (по умолчанию)

Это первое, что видит клиент после выбора пункта «Материал/ товар». Ориентирован на скорость: больше данных в одной карточке, меньше переходов между экранами.

Структура страницы:

  • Папки — выбор раздела каталога.
  • Селектор типа материала — «Плитный материал», «Кромка» или «Товар». Это переключатель над списком: активен один тип, выбрать несколько одновременно нельзя.
  • Текстовый поиск — по названию, артикулу, декору. Регистр не важен; чтобы применить запрос, нажмите кнопку «Фильтровать».
  • Поля фильтров — производитель, размеры (x/y/z) и тип продажи видны всегда рядом с поиском; блок «Расширенный поиск» добавляет пороги по остатку на складе, нецелым остаткам и минимальному количеству заказа.
  • Расширенная карточка товара — фото, размеры (X×Y×Z мм), код, цена за лист и за м², остаток на складе. Прямо в карточке:
    • Связанные кромки — список совместимой кромки с пометками «только в цвет», «уже в проекте». Кнопка «Добавить» рядом с каждой кромкой — добавляет её в проект одним кликом.
    • Таблица остатков на складе — размеры, количество, дата поступления для нецелых остатков.
    • Кнопки «Добавить в проект» / «Убрать из проекта» — прямо в карточке, без открытия отдельного экрана материала.
    • Метка «Недоступно» — для позиций с нулевым остатком или отключённых для текущего клиента.
  • Пагинация — по 50 позиций на страницу; в селекторе можно выбрать 100 или 200.

Старый классический каталог (через переключатель)

В шапке нового поиска есть иконка переключения на старый (с миниатюрой «классического» вида). Клик — открывается классический интерфейс:

  • Левый сайдбар с деревом категорий — иерархия по типу и подразделам каталога. Клик на узел дерева фильтрует список по этому разделу.
  • Заголовок «Все материалы» в сайдбаре — возврат к плоскому списку.
  • Кнопка «Назад» в углу — возврат к проекту.
  • Строка поиска + раскрывающаяся панель фильтров:
    • Название, код, ID, длина, ширина, толщина, производитель; кнопки «Очистить всё» и «Применить».
  • Сетка карточек материала — миниатюра, название, цена, остаток. Кликабельна только иконка глаза — она открывает изображение декора в большом формате; сама карточка отдельный экран не открывает.
  • Пагинация внизу списка.

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

Переключение между интерфейсами

Иконка переключения — в шапке каждого из двух интерфейсов. Клик: новый → старый или старый → новый. Переключение запоминается на текущую сессию клиента; при следующем входе в проект снова открывается тот, что задан по умолчанию (новый).

Админ фабрики видит тот же каталог, что и клиент: тот же поиск материала и тот же переключатель между новым и старым интерфейсом — отдельного «админского режима» здесь нет.

Что важно для админа фабрики

  • Структура папок (новый) и дерева категорий (старый) — общая, задаётся в админ-панели в разделе «Каталог». Иерархия влияет на удобство навигации в обоих интерфейсах.
  • Заполненность характеристик — от этого зависит, попадёт ли материал под фильтр клиента. Незаполненный «производитель», «декор» или габариты исключит позицию из соответствующих выборок.
  • Изображения — миниатюры значительно повышают скорость подбора. Без изображения позиция часто пропускается клиентом.
  • Связанные кромки и таблица остатков — главные преимущества нового интерфейса. Заполняйте эти данные у плитных материалов, чтобы клиенту был удобен «всё в одной карточке» подход.

Связанные темы