Корзина

Промежуточный этап между «хочу» и «куплю». Здесь покупатель проверяет заказ и принимает финальное решение.

Из чего состоит корзина

Корзина — это экран, где покупатель видит всё, что выбрал, может изменить количество, удалить лишнее и перейти к оформлению заказа. Чем проще и понятнее этот экран, тем меньше брошенных корзин.

1

Список добавленных товаров

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

🖼
Название товара
Артикул: SKU-001 · Цвет: чёрный
1
2 990 ₽
🖼
Ещё один товар
Артикул: SKU-002 · Размер: M
2
1 490 ₽
2

Промежуточная сумма — Subtotal

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

Товары (3 шт.) 5 970 ₽
Скидка − 500 ₽
Доставка рассчитывается на checkout
Итого 5 470 ₽
💡
Subtotal — это ещё не итоговая сумма заказа. Итог появится только после выбора доставки и применения промокодов на следующем шаге.
3

Изменение количества

Это блок, который влияет на количество товара в корзине: через плюс добавляется, через минус убавляется или вообще через кнопку удалить стирается. При нажатии система проверяет остаток на складе и пересчитывает суммы.

Уменьшение
1
Если количество станет 0 — товар удалится
Увеличение
2
Проверка остатка на складе
Удаление
Полное удаление товара из корзины
⚠
Важно: при каждом изменении количества система должна проверять остаток на складе. Если товара не хватает — показать сообщение и предложить максимально доступное количество.
4

Кнопка «Оформить заказ»

Переход к чекауту — главное целевое действие всей корзины. Кнопка должна быть заметной, однозначной и не конкурировать с другими элементами.

«Оформить заказ» ведёт на страницу Checkout
✓
Хорошая практика: кнопка «Оформить заказ» должна быть одной на экране. Если рядом будет «Продолжить покупки» — она должна быть визуально слабее, чтобы не отвлекать.