Портфолио: поиск мастеров, профиль мастера и работа
Этот раздел описывает публичную витрину: как найти мастера, отфильтровать список по салону, открыть профиль мастера, отфильтровать его работы и посмотреть конкретную работу с режимом «До/После».
1. Витрина мастеров (каталог)
На странице «Портфолио мастеров» доступны поиск по имени, фильтр по салону, сортировка и бесконечная подгрузка. Клик по карточке открывает профиль мастера.
Функции:
- «Поиск по имени» — быстрый текстовый фильтр.
- «Салон» — выпадающий справочник с подгрузкой по страницам.
- «Сортировка» — направление меняется кнопкой рядом с фильтрами (А–Я / Я–А).
- Пагинация — бесконечная подгрузка по скроллу.
2. Профиль мастера
Профиль мастера содержит краткую шапку (имя, фото, специализация, салон) и ленту его работ. В ленте доступны фильтры по длине, типу волос и цвету.
Функции:
- Фильтр «Длина волос» — из справочника.
- Фильтр «Тип волос» — из справочника.
- Фильтр «Цвет волос» — из справочника (показывает цветовой бейдж).
- Сортировка по дате (новые/старые).
- Переход к работе — клик по карточке.
3. Работа: просмотр «До/После»
Страница работы позволяет сравнить фотографии «До/После» по каждому ракурсу, переключаться между ракурсами, открывать полноэкранный просмотр и увидеть основные детали (длина/тип/цвет) и информацию об авторе.
Функции:
- Сравнение «До/После» — интерактивный ползунок.
- Миниатюры ракурсов — переключение между ракурсами.
- Полноэкранный просмотр фото — кнопка в правом нижнем углу.
- Детали работы — длина, тип и цвет волос.
- Автор — карточка мастера с названием салона и адресом.
- Ссылка «Вернуться в портфолио мастера» — возврат к ленте автора.
Навигация:
- Назад: раздел «Проверяющий» — /docs/site/verificator
- К началу: «Быстрый старт» — /docs/site/getting-started