пва

2026-05-24 13:43:23 +05:00
parent 75841342c6
commit 2fe426b70a
17 changed files with 425 additions and 82 deletions
@@ -0,0 +1,91 @@
+# Редизайн страницы /info — Спецификация
+
+**Дата:** 2026-05-24
+**Страница:** `/info` (Информация для покупателей)
+**Подход:** Минимальные правки — обновить контент существующих секций, не меняя структуру страницы.
+
+---
+
+## 1. Секция «Как оформить заказ» (HowToOrderSection)
+
+MUI Stepper с ветвлением на шаге 3. Два сценария: доставка и самовывоз.
+
+### Общие шаги (1–2):
+
+| Шаг | Название | Описание |
+|-----|----------|----------|
+| 1 | Выберите товары | Найдите нужное в каталоге, добавьте в корзину |
+| 2 | Проверьте корзину | Убедитесь, что состав и количество верны |
+
+### Ветвление на шаге 3:
+
+#### Доставка:
+
+| Шаг | Название | Описание |
+|-----|----------|----------|
+| 3 | Укажите адрес доставки и получателя | Имя, телефон, email, адрес (или добавьте новый в личном кабинете) |
+| 4 | Выберите способ доставки | Почта России, Озон ПВЗ, Яндекс ПВЗ, 5Post, WB ПВЗ. Дождитесь расчёта стоимости доставки — мастер скорректирует цену |
+| 5 | Оплатите заказ | Онлайн через ЮKassa (карты, СБП) |
+| 6 | Получите заказ | Отслеживайте по трек-номеру |
+
+#### Самовывоз:
+
+| Шаг | Название | Описание |
+|-----|----------|----------|
+| 3 | Подтвердите заказ | Выберите оплату: онлайн через ЮKassa или при получении |
+| 4 | Согласуйте время получения | Мастер свяжется с вами, чтобы договориться о времени |
+| 5 | Получите заказ | Адрес: ул. Мира, 34 (ссылка на /about — карта) |
+
+### Финальный шаг (после получения):
+После получения заказа можно оставить отзыв.
+
+---
+
+## 2. Секция «Доставка» (DeliverySection)
+
+Две карточки:
+
+### Самовывоз
+- Бесплатно
+- Адрес: 618909, Россия, Пермский край, Лысьвенский муниципальный округ, Лысьва, улица Мира, 34
+- Ссылка на /about (карта)
+- Перед визитом согласуем время — чтобы заказ точно был готов к выдаче
+
+### Доставка по России
+Перечислить все 5 служб:
+- Почта России
+- Озон доставка (пункт выдачи)
+- Яндекс доставка (пункт выдачи)
+- 5Post (пункт выдачи)
+- WB доставка (пункт выдачи)
+- Каждому заказу присваивается трек-номер для отслеживания
+- Стоимость рассчитывается по тарифу перевозчика, мастер скорректирует цену после оформления
+
+---
+
+## 3. Секция «Оплата» (PaymentSection)
+
+Два способа:
+
+| Способ | Описание |
+|--------|----------|
+| Онлайн-оплата через ЮKassa (карты, СБП) | Оплата после подтверждения заказа мастером. Перенаправление на защищённую платёжную страницу ЮKassa |
+| Оплата при получении | Наличными или картой при самовывозе |
+
+Примечание: оплата происходит после подтверждения заказа мастером.
+
+---
+
+## 4. Секция «Возврат» (ReturnsSection)
+
+Без изменений — текущий контент остаётся.
+
+---
+
+## Файлы для изменения
+
+| Файл | Что менять |
+|------|-----------|
+| `client/src/pages/info/ui/sections/HowToOrderSection.tsx` | Переписать stepper с ветвлением |
+| `client/src/pages/info/ui/sections/DeliverySection.tsx` | Перечислить carriers, добавить ссылку на /about |
+| `client/src/pages/info/ui/sections/PaymentSection.tsx` | Заменить «Банковская карта онлайн» на «ЮKassa (карты, СБП)» |