Данный макет представляет собой веб-страницу с каталогом товаров, на которой отображены карточки с популярными гаджетами, такими как смартфоны и ноутбуки. Каждая карточка товара включает в себя:
- Изображение товара — с возможностью перехода на страницу подробного описания.
- Скидка — отображается на карточке в виде специальной метки с процентом.
- Цены — указаны как цена со скидкой, так и оригинальная цена без скидки, для наглядности.
- Название товара — краткое описание с возможностью перейти на страницу товара.
- Кнопка «В корзину» — позволяет добавить товар в корзину для дальнейшего оформления заказа.
В верхнем правом углу страницы располагается иконка корзины, которая отображает количество товаров, добавленных в корзину. При клике на корзину появляется всплывающее окно с перечнем выбранных товаров. В этом окне:
- Список добавленных товаров — с кратким описанием, изображением и ценой каждого товара.
- Итоговая стоимость — отображается сумма всех товаров в корзине.
- Скидка — указывается сумма скидки, если товар был приобретен со скидкой.
- Итоговая стоимость со скидкой — итоговая сумма с учетом скидки.
Также есть возможность удалить товар из корзины с помощью кнопки «Удалить» рядом с каждым товаром.
Комментарии
0