---
title: Пагинация
section: catalog
theme: mebelidomanet
framework: bootstrap
redesign_status: done
last_updated: 2026-07-13
files:
  php_inline: []
  php_partials: []
  scss:
    - src/client/pagination/index.scss
  js: []
  widgets: []
  shared: []
deps_on: []
themes_with_analog:
  - mebelmall
  - dommebeli
  - mebelmart
  - freshshop
  - mebelmag
  - mebelbazar
  - hormebel
  - cartzilla
  - mebelmarket
  - stolkomebeli
---

# Пагинация

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

Постраничная навигация под листингом категории и поиска. Рендерится yii-овским `LinkPager` (часть `ListView` в `views/category/detail.php`).

## Где живёт

- **Yii LinkPager** — рендерит классы стандартные для BS: `pagination`, `page-item`, `page-link`, `active`, `disabled`.
- **SCSS:** `src/client/pagination/index.scss` — кастомные стили поверх BS-классов.

## Реальная разметка LinkPager

Yii рендерит **без** `page-item`/`page-link` — только `li` + `a`/`span`:

```html
<ul class="pagination">
  <li class="prev disabled"><span>«</span></li>   <!-- disabled: span, не a -->
  <li class="active"><a data-page="0">1</a></li>
  <li><a href="?page=2" data-page="1">2</a></li>
  …
  <li class="next"><a href="?page=2">»</a></li>
</ul>
```

Стилизуем по `li`-классам: `.active`, `.disabled`, `.prev`, `.next`.

## Редизайн

**Выполнен** (2026-07-13) в стиле ../mebel-landing (`src/client/pagination/index.scss`). Отдельные pill-кнопки (`border-radius:12px`, hairline `$md-line`, min 42×42) вместо старого сегментированного бара; активная страница — заливка `$md-accent`/белый текст; disabled `«`/`»` — приглушены (`$md-line` на `$md-bg`), без ховера. Раньше — квадратные `#dedede`-кнопки, active `$mainColor`.