BUILD-PLAN v2 Д2Б

ФАЗА 0: ПАРАМЕТРЫ    ФАЗА 1: СБОРКА       ФАЗА 2: ТЕМА         ФАЗА 3: КОНТЕНТ
─────────────────    ─────────────────    ─────────────────    ──────────────────
Требования           Drupal CMS           ideal_theme          Демо-данные
Вариант START        + Commerce           поверх Bootstrap     товары, категории
Ниша товаров         + модули             кастомные шаблоны    для тестирования
Дизайн-пресет

Название: ...
Страна: RU (влияет на форму checkout)
Валюта: RUB
Оплата: ЮKassa / СБП / наличные
Доставка: СДЭК / Почта / Курьер

--color-primary: #1a4f8a;  /* ← изменить под бренд */
--color-accent:  #e63946;  /* ← акцентный цвет */
--font-base: 'Inter', sans-serif;

composer create-project drupal/cms ideal-shop
cd ideal-shop

# Магазин
composer require drupal/commerce

# Фильтры
composer require drupal/facets
composer require drupal/search_api

# Функционал
composer require drupal/commerce_wishlist
composer require drupal/commerce_promotion
composer require drupal/fivestar

# Базовая тема
composer require drupal/bootstrap_barrio

# Утилиты
composer require drush/drush

drush site:install --db-url=mysql://...

# Включить модули
drush en commerce commerce_product commerce_cart commerce_checkout
drush en facets search_api search_api_db
drush en bootstrap_barrio

# Применить рецепты Drupal CMS
drush recipe recipes/seo
drush recipe recipes/media

web/themes/custom/ideal_theme/
├── ideal_theme.info.yml
├── ideal_theme.libraries.yml
├── ideal_theme.theme
├── css/
│   ├── tokens.css       ← дизайн-токены (цвета, шрифты)
│   └── custom.css       ← наши стили поверх Bootstrap
├── js/
│   └── custom.js        ← AJAX корзина, фильтры
└── templates/           ← переопределение шаблонов

name: Ideal Theme
type: theme
base theme: bootstrap_barrio
core_version_requirement: ^11

:root {
  --color-primary: #1a4f8a;
  --color-accent: #e63946;
  --color-text: #222;
  --color-bg: #fff;
  --font-base: 'Inter', sans-serif;
  --border-radius: 8px;
}

<div class="card h-100 product-card">
  <div class="position-relative">
    {{ product.image }}
    {% if product.discount %}
      <span class="badge bg-danger position-absolute top-0 end-0 m-2">
        -{{ product.discount }}%
      </span>
    {% endif %}
  </div>
  <div class="card-body">
    <h5 class="card-title">{{ product.title }}</h5>
    <div class="price">
      <span class="price-current">{{ product.price }}</span>
      {% if product.price_old %}
        <span class="price-old text-muted">{{ product.price_old }}</span>
      {% endif %}
    </div>
  </div>
  <div class="card-footer">
    {{ add_to_cart_button }}
  </div>
</div>

{# Десктоп: sidebar слева #}
<aside class="col-lg-3 d-none d-lg-block">
  {{ facets }}
</aside>

{# Мобильный: кнопка + offcanvas #}
<button class="btn btn-outline-secondary d-lg-none"
        data-bs-toggle="offcanvas"
        data-bs-target="#filters">
  Фильтры
</button>
<div class="offcanvas offcanvas-start" id="filters">
  {{ facets }}
</div>

{# Прогресс до бесплатной доставки #}
<div class="delivery-progress">
  <div class="progress">
    <div class="progress-bar" style="width: {{ percent }}%"></div>
  </div>
  <p>Ещё {{ remains }} до бесплатной доставки</p>
</div>

drush default-content:import
# или
drush php-script scripts/import-demo.php