Магазин продуктів на WordPress + Elementor Pro + WooCommerce: за макетом Figma, для ринку Болгарії

Замовлення

Сюди падає кожне замовлення, оформлене в магазині на першій вкладці. У WooCommerce це розділ «Замовлення»: статуси, друк накладної, зміна адреси.

Категорії і підкатегорії

Структура каталогу з ТЗ: категорії → підкатегорії, кількість товарів рахується автоматично. Додаються в WooCommerce → Товари → Категорії.

Як переносимо макет із Figma в Elementor Pro

• Глобальні стилі. Кольори, шрифти, відступи та радіуси з Figma → Elementor Site Settings (Global Colors / Global Fonts). Далі жоден блок не має «своїх» кольорів: правиться одна змінна — міняється весь сайт.
• Header і Footer через Theme Builder: один раз, на всі сторінки, з умовами показу. Мобільне меню-бургер, кошик із лічильником, пошук.
• Шаблони WooCommerce у Theme Builder: Products Archive (каталог, категорія, результати пошуку), Single Product (картка), Cart, Checkout, My Account. Універсальний шаблон картки — один на всі ~1000 товарів.
• Адаптив. Брейкпоінти Elementor: Desktop ≥1025, Tablet 768–1024, Mobile ≤767 (+ додаткові за потреби макета). Кожен блок перевіряється на трьох ширинах, як у рамці на першій вкладці.
• Контент редагується вами. Усі сторінки лишаються в Elementor: тексти, банери, акції, блог ви змінюєте самі.
• Мінімум плагінів: WooCommerce, Elementor + Elementor Pro, кеш (LiteSpeed Cache або WP Rocket), SEO (Rank Math), резервні копії. Без «конструкторів у конструкторі» і без десятка аддонів.
• Готовність до 1000+ товарів: атрибути й варіації (грамаж, упаковка), імпорт/експорт CSV із WooCommerce, фільтри за атрибутами, пагінація/«показати ще».
• Мультимовність на майбутнє: структура сумісна з WPML / Polylang, рядки тем і Elementor перекладаються без переверстки.

Чекліст відповідності макету

Проходимо на здачі кожного етапу. Клікайте, щоб уявити формат приймання.

Поставлено: 0 з 0

Що входить у вартість

• Головна, каталог, категорії/підкатегорії, картка товару, кошик, оформлення, кабінет покупця, пошук, акції, блог і статті, Про магазин, Контакти, Доставка та оплата, Повернення.
• Налаштування WooCommerce: структура категорій, шаблони карток, кошик і кількість, оплата при отриманні, доставка по Болгарії, сортування і фільтри, акційні ціни, керування залишками й замовленнями.
• Кілька тестових товарів для перевірки; масове наповнення та інтеграції (CRM, платіжні шлюзи, кур'єрські API) — окремим етапом, як у ТЗ.

Цілі швидкості (PageSpeed Insights, мобільний)

Як досягаємо: WEBP/AVIF для фото товарів, lazy-load поза першим екраном, кеш сторінок і браузера, відкладений JS, критичний CSS, шрифти з display=swap, без зайвих плагінів. Перевіряємо до і після на реальному хостингу.

Базове SEO з коробки

• Title і description для категорій і товарів за шаблоном (Rank Math), ЧПУ-адреси латиницею.
• Schema.org Product / Offer / BreadcrumbList — ціна й наявність у видачі Google.
• XML-sitemap, robots.txt, канонічні адреси для фільтрів і сортувань (без дублів).
• Alt-тексти зображень, H1 на кожній сторінці, хлібні крихти.
• Підготовка до мультимовності: hreflang додається при підключенні другої мови.

Безпека й адміністрування

• Ролі: адміністратор, менеджер магазину (замовлення й товари без доступу до коду).
• Автоматичні резервні копії, оновлення ядра/плагінів за розкладом, журнал змін.
• Коротка відеоінструкція для вашого співробітника: як додати товар, акцію, статтю.