Kirill
92 lines
4.6 KiB
Markdown
92 lines
4.6 KiB
Markdown
# Редизайн страницы /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 (карты, СБП)» |
|