Smoky Sky
Інтернет-магазин на WooCommerce за макетами Figma: каталог з AJAX-фільтрами, бокова корзина, сторінки штатів і міст, особистий кабінет.
01 — Рішення
Ми зверстали магазин за макетами Figma як дочірню тему GeneratePress з власними шаблонами WooCommerce. Каталог фільтрується без перезавантаження сторінки, корзина відкривається збоку, а штати, міста й сервісні сторінки винесені в окремі типи записів. Контент головної та посадкових сторінок редагується через ACF Pro.
Ключові рішення
-
Каталог із фільтрами
Пошук, ціна, категорії та характеристики товарів фільтруються через AJAX, з лічильниками й сортуванням.
-
Бокова корзина
Корзина відкривається панеллю, кількість змінюється без перезавантаження, є шкала до безкоштовної доставки.
-
Сторінки штатів і міст
Окремі посадкові сторінки під регіони з картою США та прив'язкою міст до штатів.
-
Кабінет і оформлення
Перероблені сторінки особистого кабінету, оформлення замовлення та вибору способу доставки.
-
Керована головна
Дванадцять секцій головної, зокрема добірки товарів, які можна скласти вручну або за категорією.