---
title: Информер корзины
section: informers
theme: mebelidomanet
framework: mixed
redesign_status: pending
last_updated: 2026-07-11
files:
  php_inline: []
  php_partials:
    - views/layouts/_cart-informer.php
  scss: []
  js: []
  widgets: []
  shared:
    - src/cart/components/counter/
deps_on:
  - shared/cart-module
themes_with_analog:
  - mebelmall
  - dommebeli
  - mebelmart
  - freshshop
  - mebelmag
  - mebelbazar
  - hormebel
  - cartzilla
  - mebelmarket
  - stolkomebeli
---

# Информер корзины

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

Иконка корзины со счётчиком, видна в шапке (desktop+mobile). Кликабельная — ведёт на `/cart`. Счётчик инкрементируется JS-ом при добавлении товара в корзину.

## Где живёт

- **HTML:** `views/layouts/_cart-informer.php` — простая ссылка `<a href="/cart">`, span-точка `.cartInformer` для JS-обновления, и текст «Корзина» (только desktop через `d-none d-lg-block`).
- **Counter** монтируется отдельно через `Component::render('cart/components/counter/index.mustache', [...])` (см. `main.php:349`).
- **Shared JS+SCSS** для counter — `src/cart/components/counter/` (Mustache + style + JS).
- **Десктоп-шапка (редизайн):** в `.header-center` иконка корзины оформлена как outline-сумка внутри `.md-hdr-action` (тот же значок, что и в мобильной шапке `.mhd`), точка монтирования счётчика — `<span class="cartCounter">`. Стили — `src/client/header-actions-md/style.scss`, см. [layout/header-laptop](../layout/header-laptop.md).

## Bootstrap-классы

- `position-relative`, `d-none`, `d-lg-block`.

## JS-зависимости

- `CartCounterInit()` из `@components/cart` (`src/client/index.js:68`).
- Подписка на изменения корзины — Redux store (`src/cart/`).