Кейс · Магазин окулярів

GM Eyewear

Магазин окулярів на WooCommerce: дизайн і блоки головної в одному плагіні, фільтри за колекцією, формою та кольором оправи й лінз.

Рік
2026
Стек
WordPress, PHP, JavaScript, WooCommerce
Скриншот проєкту «GM Eyewear»
Мобільна версія проєкту «GM Eyewear»

01 — Рішення

Ми оформили магазин окулярів окремим плагіном поверх власної базової теми: він містить шапку, шаблони каталогу й картки товару та набір Gutenberg-блоків для головної. Каталог побудовано навколо характеристик окулярів — колекція, форма, колір оправи та лінз. Плагін версіонується, тож оновлення дизайну встановлюється як звичайне оновлення плагіну.

Що зробили

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

  • Фільтри для окулярів

    Фільтрація за колекцією, формою оправи, кольором оправи й лінз і ціною; біля кожного значення — кількість товарів.

  • Меню моделей

    У шапці — перелік модельних лінійок, щоб перейти до потрібної моделі в один клік.

  • Пошук із трендами

    Панель пошуку показує блок «Search Trends» із популярними моделями ще до введення запиту.

  • Каталог: сітка й прогрес

    Перемикач вигляду сітки та підвантаження «Load more» з індикатором «показано N із M».

  • Блоки головної

    11 Gutenberg-блоків: hero, слайдер товарів, подвійні й потрійні банери, лукбук, біжучий рядок, підписка.

  • Характеристики у вкладках

    На сторінці товару характеристики, доставка та умови зібрані у вкладки, поруч — орієнтовна дата доставки.

Новий проєкт

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

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

Написати →