> For the complete documentation index, see [llms.txt](https://vitrina-blogerov.gitbook.io/bloggers-showcase/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vitrina-blogerov.gitbook.io/bloggers-showcase/obzor-vitriny/korzina.md).

# Корзина

Корзина собирает блогеров, которые заинтересовали пользователя, и превращает просмотр каталога в готовую заявку менеджеру или агентству.

{% hint style="success" %}
Корзина нужна для простого сценария продажи: пользователь выбирает блогеров, нажимает кнопку связи и получает подготовленный текст обращения со списком выбранных карточек.
{% endhint %}

### Как блогер попадает в корзину

Пользователь может добавить блогера:

* с обычной карточки на главной;
* из раскрытой карточки;
* после фильтрации каталога;
* после AI-подбора.

После добавления кнопка на карточке меняет состояние. Нижняя навигация также показывает, что в корзине уже есть выбранные блогеры.

```mermaid
flowchart TD
    A["Пользователь выбирает блогера"] --> B["Нажимает кнопку добавления"]
    B --> C["Карточка получает состояние в корзине"]
    C --> D["Навигация подсвечивает корзину"]
    D --> E["Пользователь открывает корзину"]
    E --> F["Проверяет подборку"]
    F --> G["Отправляет заявку"]
```

### Что видно в корзине

В корзине отображаются выбранные карточки и отдельная карточка возврата к каталогу. Пользователь может продолжить подбор, открыть блогера подробнее или удалить лишние варианты.

На размеченном скриншоте корзины удобно отметить:

* выбранные карточки;
* кнопку удаления;
* карточку возврата к каталогу;
* кнопку связи;
* нижнюю навигацию;
* визуальное состояние активной корзины.

### Удаление из корзины

Если пользователь удаляет блогера, карточка исчезает с анимацией, а остальные элементы плавно перестраиваются. Это сохраняет ощущение аккуратного интерфейса и не создает резких скачков на экране.

Если корзина пустая, отправить заявку нельзя: витрина подсказывает, что сначала нужно добавить блогеров.

<details>

<summary>Что важно показать на демонстрации</summary>

Для видео или gif хорошо подходят три действия: добавить блогера на главной, перейти в корзину, удалить одну карточку. Этот короткий сценарий показывает, что корзина работает как полноценный список выбора, а не просто как декоративная кнопка.

</details>

### Кнопка связи

В режиме корзины центральная нижняя кнопка превращается в кнопку связи. Ее текст и ссылка задаются в админ-панели.

Обычно ссылка ведет в Telegram менеджера, агентства или владельца проекта. При нажатии витрина открывает диалог с заранее подготовленным сообщением.

{% hint style="info" %}
Текст кнопки связи и адрес получателя настраиваются владельцем в админ-панели. Это позволяет использовать витрину под агентство, личного менеджера, бренд или отдельный отдел продаж.
{% endhint %}

### Подготовленное сообщение

Витрина автоматически формирует текст заявки. В сообщение добавляется список выбранных блогеров, чтобы пользователь не переписывал их вручную.

Пример логики сообщения:

```
Здравствуйте! Хочу заказать у вас рекламу.
Меня заинтересовали эти блогеры:

1. Blogger Name
2. Blogger Name
3. Blogger Name
```

Финальный текст зависит от языка установленной версии и контента карточек.

### Связь с админ-панелью

Корзина использует данные, которые владелец задает в админке:

* карточки блогеров;
* названия блогеров;
* текст кнопки связи;
* ссылку для обращения;
* визуальное оформление витрины;
* язык текущей версии.

{% tabs %}
{% tab title="Что редактирует владелец" %}
Владелец меняет карточки, оформление, текст кнопки связи и ссылку получателя через админ-панель.
{% endtab %}

{% tab title="Что делает пользователь" %}
Пользователь только выбирает блогеров и отправляет готовое обращение. Ему не нужно вручную копировать имена или составлять список.
{% endtab %}
{% endtabs %}

### Пользовательский сценарий

Корзина закрывает самый важный путь витрины: от интереса к действию.

1. Пользователь смотрит каталог.
2. Добавляет интересных блогеров.
3. Открывает корзину.
4. Проверяет подборку.
5. Нажимает кнопку связи.
6. Переходит к диалогу с менеджером.

{% hint style="success" %}
Для владельца продукта корзина важна тем, что снижает трение перед обращением. Пользователь не просто смотрит каталог, а быстро собирает понятную заявку.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://vitrina-blogerov.gitbook.io/bloggers-showcase/obzor-vitriny/korzina.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.