Кейс · Інтернет-магазин стрітвір-одягу

HellStr

Магазин одягу на WooCommerce: вітрина й картка товару зібрані власним плагіном Gutenberg-блоків, фільтри в боковій панелі, акція «2+1» з таймером.

Рік
2026
Стек
WordPress, PHP, JavaScript, WooCommerce

Послуга: Власні блоки Gutenberg і ACF

Скриншот проєкту «HellStr»
Мобільна версія проєкту «HellStr»

01 — Рішення

Ми зібрали магазин на власній базовій темі для WooCommerce і винесли весь дизайн в окремий плагін: він містить 22 Gutenberg-блоки для головної та лендингів і власні шаблони каталогу й картки товару. Каталог отримав панель фільтрів із сортуванням, картки — швидке додавання в кошик із вибором розміру. Аналітику продажів закрили власним плагіном подій GA4.

Що зробили

Ключові рішення

  • Плагін Gutenberg-блоків

    22 блоки для головної та лендингів: hero, сітки й слайдери товарів, таймер акції, FAQ, біжучий рядок, збір e-mail тощо — сторінки збираються в редакторі без програміста.

  • Фільтри каталогу

    Бокова панель із категоріями, кольоровими свотчами, розмірами, діапазоном цін і окремим перемикачем за позначкою товару; сортування та підвантаження «Load more».

  • Купівля з картки

    На картці товару в каталозі можна одразу обрати розмір і додати річ у кошик, не відкриваючи сторінку товару.

  • Акція «2+1» з таймером

    Промоблок на головній і в картці товару з відліком часу; знижка застосовується автоматично в кошику.

  • Розмірна сітка

    Модальне вікно з таблицею розмірів і перемиканням дюйми/сантиметри, окремі виміри для різних типів одягу.

  • Події GA4

    Власний плагін надсилає в Google Analytics 4 перегляди списків і товарів, додавання в кошик і вишлист, пошук, вибір доставки та покупку.

Новий проєкт

Зробимо щось живе?

Розкажіть про задачу — повернемося з питаннями й оцінкою протягом доби.

Написати →