Корзина

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

Переход на страницу Copy-icon

Просмотр корзины доступен как анонимному, так и авторизованному пользователю. Чтобы перейти на страницу:

  • (десктоп) нажмите на иконку Корзина в правом верхнем углу сайта
Изображение статьи
  • (мобильная версия сайта) нажмите на иконку Корзина в верхней части экрана
Изображение статьи

Отображение и поведение корзины Copy-icon

Если в корзине нет товаров, то на экране отображается текст Ваша корзина пуста/Your shopping cart is empty и кнопка Вернуться в каталог/Return to the catalog, по тапу по которой отображается листинг каталога (PLP).

Пустая корзина на десктопе
Изображение статьи
Пустая корзина в мобильной версии сайта
Изображение статьи

Вы можете добавить товар в корзину одним из способов ниже:

  • кликните/тапните на кнопку со стоимостью товара:
    • на листинге каталога (PLP)
Изображение статьи
Изображение статьи

При успешном/неуспешном добавлении товара в корзину отображается соответствующая нотификация, скрыть которую можно по клику/тапу на крестик или по самому сообщению.

На странице корзины, в которой есть один или несколько товаров, отображаются:

1 - блок с краткой информацией о каждом из товаров в корзине

2 - блок "Итого"/"Total" и кнопка перехода к оформлению заказа (чекаут)

3 - блок с информацией о публичной оферте и политике конфиденциальности

Корзина на десктопе
Изображение статьи
Корзина в мобильной версии сайта
Изображение статьи

Подробнее о логике работы каждого компонента страницы читайте ниже.

Блок с информацией о товарах в корзине Copy-icon

На странице корзины можно ознакомиться с краткой информацией о товарах в заказе:

1 - миниатюра главного изображения товара

2 - наименование товара (некликабельно)

3 - количество товара в корзине и кнопки уменьшения/увеличения количества (вы можете изменить количество товара кнопками +/- или ввести вручную нужное количество)

4 - суммарная стоимость товара с символом валюты (стоимость товара х кол-во штук) (некликабельно)

5 - статус товара (некликабельно) (“В наличии”/"In Stock", "Нет в наличии”/“Out of Stock", “Нет информации”/"Unknown")

6 - иконка добавления или удаления товара из избранного

7 - кнопка удаления товара из корзины

8 - артикул товара (некликабельно)

Состав корзины на десктопе
Изображение статьи
Состав корзины в мобильной версии сайта
Изображение статьи

По клику/тапу на миниатюру изображения товара вы попадаете на карточку товара.

На десктопе и в МВС при изменении количества или удалении товара из корзины отображается нотификация с сообщением об успешном/неуспешном выполнении операции.

В блоке отображаются все добавленные в корзину товары; пагинации нет.

Итоговая стоимость заказа Copy-icon

В блоке "Итого"/"Total" отображается:

1 - итоговая сумма заказа с символом валюты (с или без учета НДС; без учета стоимости доставки (высчитывается на чекауте)

2 - скидка на товары в корзине

3 - информация о расчете стоимости доставки во время оформления заказа

4 - кнопка Перейти к оформлению/Proceed to Checkout для перехода на чекаут

Изображение статьи

Условия оферты и политика конфиденциальности

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

Изображение статьи

На момент написания статьи (26/07/2024) страница с условиями оферты не реализована. Будет дополнено.