| Клієнт | Власний демо-проєкт |
| Тип | Магазин на 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) відкриваються англійською — повний i18n чекауту потребує платного додатка Polylang for WooCommerce або TranslatePress і свідомо винесений за scope цього демо. «Roaster’s Choice» оформлений як щомісячний бокс, але побудований як simple product, без реального recurring-білінгу. Оплата — Stripe у test mode, кошти не списуються. Кожен пункт — свідомий вибір для демо з нульовою вартістю, названий прямо, а не замаскований.
Стек
WordPress · WooCommerce · PHP 8.3 · Polylang (Free) · Stripe (test) · Банківський переказ · Власна тема (без фреймворку) · Vanilla CSS/JS · LiteSpeed Cache · Hostinger
Хочете, щоб вас знаходили мільйони покупців в інтернеті?
Можливо, у вас уже є своя справа — магазин чи офіс — і хочеться охопити ширшу аудиторію. Або ви лише придивляєтесь до продажів онлайн. Аудиторія в мережі величезна, і ось наочний приклад магазину, який її охоплює, — з поясненням простими словами, що саме перед вами.
Перед вами справжній, робочий магазин, а не його картинка. Можна гортати товари, додавати в кошик і оформити замовлення від початку до кінця — рівно те, що робить покупець. Усередині він працює на WordPress і WooCommerce — найпоширенішому безкоштовному рушії для інтернет-магазинів: це означає відсутність щомісячної плати за платформу і повне володіння своїм сайтом. Він зроблений двома мовами, щоб клієнти читали своєю — зручно, якщо ви продаєте не в одній країні. Оплата карткою підключена через Stripe — стандартний і надійний платіжний сервіс, показаний тут у безпечному «тестовому режимі», де реальні гроші не списуються; на живому магазині те саме налаштування приймає справжні платежі. А оформлення — власне, тож ваш бренд вирізняється, а не виглядає як шаблон.
Головне: це основа, якою ви володієте повністю — її легко розширити згодом (більше товарів, підписки, нові мови, блог), і вона стабільно працює в міру оновлення софту.