Главная / Каталог / Интернет-магазины
«Полка» — Интернет-магазин товаров для дома
Цена: 5 490 ₽
Настоящий интернет-магазин: витрина с фильтрами и сортировкой, быстрый просмотр, варианты со своей ценой и остатком, корзина-шторка с порогом бесплатной доставки.
«Полка» — магазин товаров для дома в светлой издательской стилистике: тёплый песочный фон, серифные заголовки Spectral, терракотовый акцент. Никаких калькуляторов и «липких смет» — здесь витрина, карточки и корзина, то есть ровно то, чем магазин и является.
Каталог собирается из одного массива PRODUCTS: категории, фильтры, плитки на главной и счётчики выводятся из него сами, а порядок товаров в массиве и есть сортировка «сначала популярные». У каждого варианта — свой цвет, своё фото, свой остаток и своя надбавка к цене. Фото меняется прямо в карточке по клику на кружок, а если варианты стоят по-разному, в каталоге пишется «от 1 290 ₽» и по клику цена становится точной: человек не увидит одну цифру на витрине и другую в корзине.
Остатки работают по-настоящему. Нулевой остаток у варианта закрывает его в списке, нулевой у всех — гасит карточку и меняет кнопку покупки на подписку о поступлении; больше, чем есть на складе, в корзину не положить. Корзина выезжает шторкой, не уводя со страницы: количество меняется в строке, «минус» на единице убирает товар, удаление можно отменить одной кнопкой, а полоса «до бесплатной доставки» считает недостающую сумму по вашему порогу. Корзина и избранное переживают закрытие вкладки, причём чтение localStorage обёрнуто в try/catch — в приватном окне магазин работает без памяти, а не падает белым экраном.
Что умеет
- Витрина: фильтры по категориям, «только в наличии», избранное
- Сортировка: популярные, дешёвые, дорогие, новинки
- Быстрый просмотр в модалке без ухода со страницы
- Варианты со своим фото, остатком и надбавкой к цене
- Остатки ограничивают количество, нули гасят карточку
- Корзина-шторка: количество, отмена удаления, порог доставки
- Корзина и избранное сохраняются в браузере (try/catch)
- Пустые состояния, Escape и возврат фокуса
- Адаптив от 320px и уважение prefers-reduced-motion
Разделы
- Строка условий
- Шапка с корзиной
- Промо
- Плитки категорий
- Каталог с фильтрами
- Быстрый просмотр
- Корзина-шторка
- Преимущества
- О магазине
- Отзывы
- Подвал