---
title: Боковое меню «Распродажа / Спецпредложения / Новинки»
section: catalog
theme: mebelidomanet
framework: bootstrap
redesign_status: done
last_updated: 2026-07-13
files:
  php_inline: []
  php_partials:
    - views/category/_aside-menu.php
  scss:
    - src/client/aside-menu/index.scss
    - src/client/menu-catalog-sidebar/index.scss
  js: []
  widgets: []
  shared: []
deps_on: []
themes_with_analog:
  - mebelmall
  - dommebeli
  - mebelmart
  - freshshop
  - mebelmag
  - mebelbazar
  - hormebel
  - cartzilla
  - mebelmarket
  - stolkomebeli
---

# Aside Menu

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

Три ссылки-чипа над фильтром: «Распродажа / Акции», «Спецпредложения», «Новинки». Используется на странице категории `views/category/detail.php` как левый сайдбар. Layout — flex-column на `sm+`, на mobile — flex-wrap.

## Где живёт

- **HTML:** `views/category/_aside-menu.php` (24 строки).
- **SCSS:** `src/client/aside-menu/index.scss`, `src/client/menu-catalog-sidebar/index.scss`.

## Разметка

`.aside-menu` (ul) → `li` → `.aside-menu__link` (flex, подпись `<span>` + `.aside-menu__arrow` SVG). BS-утилиты убраны, вся раскладка в SCSS.

## Редизайн

**Выполнен** (2026-07-13) в стиле ../mebel-landing на чистом BS4+SCSS. Soft-пилюли: фон `$md-bg`, hairline `$md-line`, скругление 12px, Manrope 600, sentence-case (не uppercase); hover — `$md-accent-soft` + рамка/текст `$md-accent`, стрелка `.aside-menu__arrow` сдвигается вправо (гасится `prefers-reduced-motion`). На `sm+` — колонка, на телефонах — компактные чипы в ряд (стрелка скрыта). Раньше — uppercase-900 ссылки с `border-secondary` и hover `#a6a6a6`. saleCategory-логика и URL сохранены. `menu-catalog-sidebar/index.scss` — другой блок (не aside-menu категории), не трогался.