Вместо восьми предметов останется пять; добавьте темный оттенок — останется два.
Задача
Витрине вымышленной мастерской нужны выбор по типу и оттенку, поиск и корзина без скрытой доставки.
Что сделано
Восемь иллюстраций для примера, поиск, фильтры, сортировка, карточки товаров, корзина и расчет доставки. Недоступный предмет нельзя добавить; количество ограничено тестовым остатком.
Почему так
Выбранные условия видны и снимаются по одному. Несколько типов расширяют выбор, разные группы фильтров сужают его. Стоимость доставки видна в корзине до выгрузки заказа.
Проверьте сами
Диалог закроется, фокус вернется к кнопке товара.
1800 ₽ за предмет + 490 ₽ доставки = 2290 ₽. Самовывоз бесплатный.
Количество не превысит остаток. Файл содержит состав и расчет, заказ не отправляется.
Границы примера. Нет оплаты, сервера и реального склада. Товары не продаются, изображения являются иллюстрациями. Корзина хранится в памяти вкладки.
Для похожего проекта
Подобный интерфейс можно использовать как основу каталога или витрины. Для настоящего магазина нужны данные продавца, условия доставки, серверный склад и отдельная проверка оплаты.
Есть похожая задача?
Опишите нужный результат, текущую платформу и желаемый срок. Состав работы согласуем до начала.
@ValeriaKorosteleva