---
title: Подкатегории на странице категории
section: catalog
theme: mebelidomanet
framework: bootstrap
redesign_status: done
last_updated: 2026-07-13
files:
  php_inline: []
  php_partials:
    - views/category/_sub-category.php
  scss:
    - src/client/sub-category/index.scss
  js: []
  widgets: []
  shared: []
deps_on: []
themes_with_analog:
  - mebelmall
  - dommebeli
  - mebelmart
  - freshshop
  - mebelmag
  - mebelbazar
  - hormebel
  - cartzilla
  - mebelmarket
  - stolkomebeli
---

# Sub-category

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

Блок с плитками вложенных категорий над листингом товаров. Показывается если у текущей категории есть дочки.

## Где живёт

- **HTML:** `views/category/_sub-category.php`. Обёртка — BS-row `.sub-category` в `views/category/detail.php`.
- **SCSS:** `src/client/sub-category/index.scss`.

## Разметка

`.sub-category__cell` (`col-6 col-md-3` — 2 плитки в ряд на телефонах, 4 с md) → `.sub-category__tile` (a) → `.sub-category__media` (img) + `.sub-category__title`.

## Редизайн

**Выполнен** (2026-07-13) в стиле ../mebel-landing на чистом BS4+SCSS. Мягкие карточки: скругление 16px, hairline `$md-line`, квадратная media (тёплый `$md-bg`, `object-fit: contain`, zoom на hover), подпись под фото по центру (Manrope 600, sentence-case, hover → `$md-accent`), hover-подъём карточки. Вся плитка — одна ссылка. Раньше — голое фото `img-fluid` + uppercase `<p>`.

**Нюанс:** у `img` был HTML-атрибут `height="400"` (presentation-hint definite-высота) → `aspect-ratio: 1/1` игнорировался, media вытягивалась. Лечится `height: auto` в CSS. `prefers-reduced-motion` гасит анимации. URL/`[gor]`-replace сохранены.