Темы консультаций · IP-2948
тянуть — двигать, Ctrl/⌘ + колесо — масштаб
100%
Два варианта покупки, у каждого своя кнопка «Купить»: «Консультация тематическая» — тему выбрать обязательно, длительность и цена приходят из темы; «Консультация обычная» — выбора темы нет, часы набираются счётчиком с шагом 0,5 ч (R29). Под обоими вариантами один и тот же базовый получасовой товар: варианты витринные, на модель данных не влияют. Меняет решение от 26.08 «тема живёт в строке товара» — невыбранная тема в одной строке с «Купить» читалась как обязательная. Блок первичной консультации слева остаётся своим: это отдельный раздел каталога, спутать не с чем. Декоративные точки у списка специализаций убраны. Фото — плейсхолдер.
Дропдаун темы в тематическом варианте показывается всегда — и когда тема не выбрана, и когда выбрана. Если тема у ритмолога одна («Ритм возврата»), она предвыбрана. В раскрытом списке полные названия из справочника, в выбранном состоянии остаётся краткое. Это требует у темы отдельного поля краткого названия — в R4 его сейчас нет, требование надо дописать. Цен в списке нет: цена и длительность пересчитываются справа, в той же строке, после выбора. Строки-группы «Ритмомера» в списке нет. Тип занятия темы читается из её полного названия — «Ритмомера отношений», «Выращивание струны здоровья», «Ритм возврата»: это и есть ответ на edge-случай R12, когда у ритмолога доступны темы двух типов сразу. У ритмолога без доступных тем тематического варианта просто нет, остаётся обычная консультация. Отдельного состояния «нет доступных тем» не рисуем — это обычная карточка (R12).
Переход с тематической страницы: в карточке один товар — тематическая консультация, тема предвыбрана (R32). Обычного варианта здесь нет. Ссылка на полную карточку без фильтра перерисована и поднята: теперь это строка сразу под именем ритмолога, а не плашка, съезжавшая к списку товаров. Хлебная крошка несёт каталог и тему: «Ритмомеры · Отношения».
Правило для длинных названий тем: в раскрытом списке название целиком, переносом по словам — тему выбирают там, и обрезанная тема неотличима от соседней. В самом поле название обрезается многоточием, поле держит одну строку высотой 48. Поэтому строка товара от длины темы не едет, а часы, цена и «Купить» остаются на линии названия товара. Перепроверить выбранное можно иконкой описания — там полное название стоит заголовком. Пустая карточка ритмолога с этого артборда снята. Но R13 прямо называет её штатным состоянием: каталог отбирает по доступным темам и активные товары не проверяет, так что ритмолог без товаров в выдачу попадает. Либо состояние возвращается, либо R13 правится — вопрос к ревью. Сняты также «нет доступных тем» (это просто обычная консультация) и «тему сняли, пока карточка открыта».
Тематический каталог — отдельная страница, а не фильтр общего каталога. Направлений ритмологии на ней нет: переключать нечего. Заголовок и описание — того, по чему отобран список: пока тема не выбрана, это сам каталог («Ритмомеры»), после выбора — тема. Фильтры боевые, снятые с ritmopractik.ru: поиск по имени и городу — подчёркиванием, «Офлайн», «Фильтр по датам», сортировка. Их мы не трогаем. Новое здесь ровно одно — поле «Тема». Форма у него та же, что у имени и города: подчёркивание 1px #BCBCC9, высота 37, текст 16/500. Чтобы оно поместилось, имя и город ужаты с 490 и 266 до 360 и 190; ряд остаётся 1176 в ширину. ФИО показываем полностью, до трёх строк, список не зажимаем. Счётчиков «N ритмологов ведут тему» нет. Карточка ритмолога — боевая: 264×392, радиус 15, тень 0 4 24 rgba(20,23,83,.2), имя 18/700. Фото — плейсхолдеры.
Выбрана конкретная тема — в списке только те, кто её ведёт. «Все темы» — те, кто ведёт хотя бы одну тему этого каталога. Заголовок и описание меняются на тему. Это и есть ответ на «описание темы показать клиенту до покупки»: полное описание живёт здесь, а на карточке ритмолога под выбранной темой остаётся короткая выжимка со ссылкой «Подробнее». Поле темы — той же формы, что имя специалиста и город: подчёркивание, а не кнопка в рамке. Пока тема не выбрана, в поле «Все темы» серым, как плейсхолдер; выбрана — название темы чернилами, длинное обрезается многоточием. Список открывается сразу темами, поиска внутри нет. Цен и счётчиков в списке тоже нет. «Все темы» — не одна из тем, а сброс фильтра: своё начертание, иконка списка и волосяная линия, отделяющая строку от тем. Так же в шторке приложения. Адрес страницы при выборе темы не меняется — разосланные и проиндексированные ссылки продолжают работать (R25).
Каталогов семь, и поле темы ведёт себя в них тремя способами (R32). Остальные фильтры во всех трёх случаях — боевые, без единой правки. Ритмомеры и Выращивание струн — тем много: поле раскрывается списком тем, поиска внутри нет. Ритм возврата и Ритмологическая нить — тема одна: поле остаётся на месте, показывает тему и не раскрывается, стрелки нет и подчёркивание пунктирное. Осевой ритм, Чистота мозга, Кольцо любви — тем нет вовсе, поля темы тоже нет, и ряд возвращается к сегодняшним ширинам 490 и 266. Пустого состояния у фильтра больше нет: в выдачу ритмолог попадает по доступной теме.
Так клиент видит описание темы до покупки (R4). На карточке ритмолога — всплывающая карточка по знаку «i» у поля темы; полный текст той же темы живёт на тематической странице. Строка товара при этом не растёт вообще: высота карточки описания фиксирована, длинный текст скроллится внутри. Поэтому сколько бы менеджер ни написал, вёрстка карточки ритмолога не меняется и соседние товары не уезжают. Пока тема не выбрана, знака «i» нет — описывать нечего. Разбирался и второй вариант — раскрытие текста прямо в строке, двумя строками и «Подробнее». Отклонён: он двигает список товаров, и длина описания начинает влиять на вёрстку. На телефоне карточки нет, там тот же знак открывает шторку снизу — артборд «Описание темы · шторка» на странице «Приложение».
Карточка · два варианта покупкиоткрыть ↗
Выбор темыоткрыть ↗
Из тематической страницыоткрыть ↗
Карточка · длинное название темыоткрыть ↗
Тематическая страница · все темыоткрыть ↗
Тематическая страница · выбрана темаоткрыть ↗
Фильтр темы в семи каталогахоткрыть ↗
Описание темы · всплывающая карточкаоткрыть ↗
Вебвью приложения — тот же экран и те же решения, что на сайте, в стилях приложения. Тематическая страница: заголовок и описание темы сверху, тема — чипом в фильтрах. Счётчиков у тем нет. ФИО в карточках — полностью.
На телефоне список тем — шторка снизу, а не выпадающий список. Полные названия тем, без цен и без счётчиков ритмологов. Поиска внутри нет — как и в фильтре на сайте; тридцать семь тем прокручиваются. Первой строкой «Все темы» — сброс фильтра, отделённый от списка подложкой и иконкой.
Карточка ритмолога: те же два варианта покупки, что на сайте, у каждого своя кнопка «Купить». Описание темы — по знаку «i» справа от поля. Знак 30px, а не 26 как на сайте: на телефоне это тач-таргет, а не иконка.
Пришли с тематической страницы: один товар, тема предвыбрана. Возврат к полной карточке — строкой под именем, а не плашкой.
Мобильный вариант описания темы: вместо всплывающей карточки — шторка снизу. Карточка рядом с полем на 390px перекрыла бы ровно то, ради чего её открыли. В шапке шторки полное название темы из справочника и строка «1 ч. · 6 600 ₽ у этого ритмолога» — цена тут же, клиенту не нужно закрывать шторку, чтобы её вспомнить. Карточка товара под скримом остаётся на месте: знак «i» подсвечен, ничего не съезжает.
Краевые состояния в мобильной раскладке: тема не выбрана и длинное название темы. Правило по длинному названию то же, что на сайте: в поле обрезается многоточием, целиком видно в шторке выбора темы. Состояния «нет доступных тем», «тему сняли», пустой выдачи по теме и пустой карточки ритмолога сняты.
Тематическая страницаоткрыть ↗
Выбор темыоткрыть ↗
Карточка · два варианта покупкиоткрыть ↗
Из тематической страницыоткрыть ↗
Описание темы · шторкаоткрыть ↗
Краевые состоянияоткрыть ↗
Кабинет ритмолога — только в новом дизайне, на дизайн-ките: Manrope, поля 48px, зелёный #19BE8D, карточки радиусом 10. Колонки «как сейчас» больше нет. Ритмолог выбирает НАБОР из доступных ему тем, независимо от темы заказа (R14, R22). Даты выдачи перестали быть полями: срок считает сервер из длительности набора (R20) — это две строки фактов, а не инпуты. Гейт по группе пользователей снят, вместо него наличие доступных тем (R28). Выдавать нечего — блок остаётся с пустым состоянием, а не исчезает: пропавший блок читается как поломка формы и скрывает от менеджера, что список тем у ритмолога пуст (риск Р1). Поле «Тема консультации» в блоке «Наблюдения» переименовано в «Запрос клиента» — оно не про тему заказа.
Модалка «Ваши товары» из таблицы ритмолога, ширина 612 — тоже в новом дизайне. Варианты покупки те же, что на карточке: тематическая с выбором темы и часами из темы, обычная со счётчиком. Количество больше единицы в этом канале наконец разрешено (R27). Скрытые из каталога товары остаются продаваемыми отсюда (R26).
Ошибка — набор перестал быть доступен между открытием формы и отправкой: сообщение под полем, срок сбрасывается в прочерк. Проверку делает сервер, а не только интерфейс (R14). Длинный текст — название набора переносится по словам и растит поле; строки срока стоят отдельным блоком под полем, поэтому сетка формы не едет.
Форма отчёта · блок «Материалы»открыть ↗
Заказ за клиентаоткрыть ↗
Форма отчёта · ошибка и длинный текстоткрыть ↗