Магазин мебели под заказ: каталог по комнатам, карточка товара с выбором размера и отделки, оформление заказа с частичной оплатой и расчёт доставки по зонам. Собран на WordPress с WooCommerce и собственной темой.
Задача
Мебель выбирают глазами и долго: человек сравнивает материалы, прикидывает размеры под комнату, возвращается через неделю. Магазину нужна была витрина, где товар показан крупно и без визуального шума, а оформление заказа не теряет покупателя на середине — с понятной ценой, предоплатой и стоимостью доставки до подтверждения.
Что в магазине
- Главная: коллекция крупным планом, категории по комнатам, блок материалов с образцами, избранные товары.
- Каталог: фильтры одной строкой, сетка товаров, подгрузка следующей партии без перезагрузки страницы.
- Карточка товара: главный кадр и лента ракурсов, выбор размера и отделки, характеристики и условия доставки рядом с ценой.
- Оформление заказа: способы оплаты, промокод, состав заказа и предоплата 50% — остаток за день до доставки.
- Доставка: пять зон с ценой и сроком, расчёт по адресу.
Каталог в Telegram
Тот же магазин собран мини-приложением Telegram: каталог по комнатам, карточка с
выбором размера и отделки, корзина, зоны доставки и оформление с предоплатой 50%.
Цену и срок изготовления считает сервер, поэтому вариации в приложении и на сайте
дают одинаковый результат. После оформления состав заказа приходит сообщением от
бота — так связка приложения и чата видна целиком.
Приложение открывается внутри Telegram; по ссылке из браузера показывается тот же
каталог в режиме просмотра. Магазин вымышленный: заказ никуда не уходит, телефон и
адрес не запрашиваются, доставка выбирается зоной из списка.
Почему WordPress и WooCommerce
Каталог на несколько сотен позиций и вариации товара (размер, порода дерева, отделка) закрываются ядром WooCommerce, частичная оплата — готовым расширением, а карточки товаров и тексты магазин ведёт сам. Это дешевле и быстрее собственного бэкенда; на таком объёме каталога скорость упирается не в платформу, а в кеш и картинки.
Как устроено
- WordPress с WooCommerce, собственная тема: вёрстка перенесена в шаблоны, товары и тексты редактируются в админке.
- Вариации товара: размер и отделка меняют цену и срок изготовления.
- Оплата 50% при оформлении, остаток списывается за день до доставки.
- Доставка по зонам: цена и срок считаются от адреса.
- Вёрстка без медиазапросов: размеры через
clamp(), сетки черезauto-fit, раскладка перестраивается сама от 360px до широких экранов.
Стек
WordPress, WooCommerce, PHP, MySQL, HTML, CSS, JavaScript.
О демонстрации
По ссылкам ниже открывается статическая копия магазина: пять экранов подряд — главная, каталог, карточка товара, оплата и доставка. Товары, цены и контакты вымышленные, изображения нарисованы кодом вместо фотографий, оформление заказа и оплата в копии не работают.
Отдельная ссылка ведёт в мини-приложение Telegram — там каталог и корзина работают по-настоящему, на тех же вымышленных товарах.