---
title: Сетка категорий на главной
section: main-page
theme: mebelidomanet
framework: bootstrap
redesign_status: done
last_updated: 2026-07-11
files:
  php_inline:
    - views/site/index.php:129-149
  php_partials:
    - views/site/_category-card.php
  scss:
    - src/client/category-md/style.scss
  js: []
  widgets: []
  shared: []
deps_on:
  - catalog/category-page
themes_with_analog:
  - mebelmall
  - mebelmart
  - mebelmag
  - cartzilla
  - mebelmarket
  - stolkomebeli
---

# Сетка категорий

## Назначение

Блок «Наш торговый павильон» — сетка карточек верхнеуровневых категорий (`$category`, все `pid=0 active`). Под сеткой — кнопка «Вся корпусная мебель» (`/korpusnaya-mebel`).

**Редизайн 2026-07-11:** переверстан inline в `views/site/index.php` (`<section class="md-catalog">`) + partial `views/site/_category-card.php` в стиле `../mebel-landing`: тёплая палитра (#FAF6F3/#883737/#4D1616), шрифты **Fraunces** (заголовок секции) + **Manrope** (текст), заголовок-секция с eyebrow, CSS-grid карточек (2 кол. → 1 на мобиле), карточка = квадратное фото слева + название + список подкатегорий, hover-подъём и zoom фото, стрелка на hover, outline-CTA. Реализация на **чистом Bootstrap + SCSS, БЕЗ Tailwind**. Стили — `src/client/category-md/style.scss`.

## Где живёт (после редизайна)

- **Вёрстка:** `views/site/index.php` — inline `<section class="md-catalog">` (заголовок + грид + кнопка).
- **Partial карточки:** `views/site/_category-card.php` — `.md-cat-card` (theme-specific, только для главной).
- **SCSS:** `src/client/category-md/style.scss`, подключён в `src/client/index.scss` после `hero-md`.
- **Шрифты:** Fraunces + Manrope, `<link>` в `views/layouts/main.php`.

## Связанные партиалы

- **Partial:** `views/category/_item.php` — карточка корневого каталога `/category`. **Тоже переверстана в `.md-cat-card`** (2026-07-13, редизайн), переиспользует этот же SCSS `category-md/style.scss`. Рендерится только из `views/category/index.php`.
- **SCSS `.category__item`:** `src/client/category/index.scss` — остаётся для кабинета (`views/category/_itemCabinet.php`, представление мебели в интерьере). НЕ трогаем.

## Bootstrap-классы

- В обёртке остались минимальные утилиты (`my-5`). Раскладка карточек — на собственном CSS-grid в `category-md/style.scss`, не на BS `row`/`col-*`.