| Клиент | Собственный демо-проект |
| Тип | Магазин на WooCommerce · Двуязычный |
| Языки | EN + UK (витрина) |
| Стек | WordPress · WooCommerce · Polylang · Stripe · Кастомная тема |
| Live с | Июнь 2026 |
| Адрес | noiroast.com |
Noiroast — вымышленная обжарочная спешелти-кофе, которую я спроектировал и собрал как рабочую витрину, а не макет. Цель — единый публичный артефакт, доказывающий, что WooCommerce, многоязычность, кастомная тема и дизайн складываются в один прод-сайт, собранный без платных плагинов и честный насчёт ограничений бесплатного стека.
Задача
Витрина должна делать больше, чем хорошо выглядеть. Нужен реальный каталог, реальный чекаут, два языка, которые не разваливаются, и update-safe код, который сможет поддерживать будущий владелец. Я поставил цель сделать всё это на бесплатных плагинах и собранной вручную теме — без конструктора страниц, без премиум-аддонов — и задокументировать компромиссы, а не прятать их.
Мой подход
- Собрал кастомную классическую тему с нуля — палитра Noir Coffee, Fraunces и Inter и собранный вручную лендинг (hero, история происхождения, процесс обжарки, товары, призыв к действию) на чистом CSS, без конструктора страниц.
- Настроил WooCommerce с тремя товарами спешелти-кофе, у каждого — собственный арт этикетки, индикатор степени обжарки и вкусовые ноты.
- Сделал витрину двуязычной на Polylang Free — лендинг, товары, таксономия и брендовый UI полностью локализованы на английском и украинском, с переключателем языков и hreflang; UI лендинга переведён через filter-based gettext-карту вместо хрупких .mo-файлов.
- Стилизовал WooCommerce update-safe способом — CSS-first с PHP-хуками вместо оверрайдов шаблонов, плюс hover-эффекты карточек товара (peek-overlay и лёгкий pointer-tilt) и фиксы контраста чекаута.
- Подключил рабочий чекаут — Stripe в test mode вместе с резервным банковским переводом и чётким демо-дисклеймером, чтобы никто не спутал это с реальным магазином.
Результат
Публично живой, полностью пригодный для навигации двуязычный магазин, где заказ можно оформить от корзины до подтверждения на двух способах оплаты. Без платных плагинов, без оверрайдов шаблонов — тема переживает обновления WooCommerce, а вся сборка одновременно служит доказательством работы с WooCommerce, Polylang, кастомной темой и дизайном в одном месте.
Известные компромиссы
Двуязычная витрина на Polylang Free: лендинг, товары, таксономия и брендовый UI полностью локализованы EN/UK. Системные страницы WooCommerce (Shop, Cart, Checkout) открываются на EN — полный i18n чекаута требует платного аддона Polylang for WooCommerce или TranslatePress и намеренно вынесен за scope этого демо. «Roaster’s Choice» оформлен как ежемесячный бокс, но построен как simple product, без реального recurring. Оплата — Stripe в test mode, деньги не списываются. Каждое — осознанный выбор для €0-демо, названный прямо, а не замаскированный.
Стек
WordPress · WooCommerce · PHP 8.3 · Polylang (Free) · Stripe (test) · Банковский перевод · Кастомная тема (без фреймворка) · Vanilla CSS/JS · LiteSpeed Cache · Hostinger
Хотите, чтобы вас находили миллионы покупателей в интернете?
Возможно, у вас уже есть своё дело — магазин или офис — и хочется охватить аудиторию пошире. Или вы только присматриваетесь к продажам онлайн. Аудитория в сети огромна, и вот наглядный пример магазина, который её охватывает, — с объяснением простыми словами, что именно перед вами.
Перед вами настоящий, рабочий магазин, а не его картинка. Можно листать товары, добавлять в корзину и оформить заказ от начала до конца — ровно то, что делает покупатель. Внутри он работает на WordPress и WooCommerce — самом распространённом бесплатном движке для интернет-магазинов: это значит отсутствие ежемесячной платы за платформу и полное владение своим сайтом. Он сделан на двух языках, чтобы клиенты читали на своём — удобно, если вы продаёте не в одной стране. Оплата картой подключена через Stripe — стандартный и надёжный платёжный сервис, показанный здесь в безопасном «тестовом режиме», где реальные деньги не списываются; на живом магазине та же настройка принимает настоящие платежи. А оформление — кастомное, поэтому ваш бренд выделяется, а не выглядит как шаблон.
Главное: это основа, которой вы владеете полностью — её легко расширить позже (больше товаров, подписки, новые языки, блог), и она стабильно работает по мере обновления софта.