> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Предпросмотр корзин

> Просматривайте вашу Aftersell Cart перед публикацией — на холсте редактора и на живой теме вашей витрины.

Вы можете просмотреть корзину двумя способами: вживую в редакторе по мере её создания и на теме вашей витрины до того, как она станет общедоступной.

<div id="the-editor-canvas">
  ## Холст редактора
</div>

Центр редактора корзины — это живой предпросмотр, отображающий настоящую корзину. Он показывает **оба состояния корзины рядом** — карточку **Filled cart** и карточку **Empty cart** — чтобы вы видели оба состояния во время работы.

* **Выбирайте редактируемое состояние** переключателем **Filled / Empty** в боковой панели или кликом по **заголовку над** карточкой. Клик *внутри* карточки не переключает состояние — он выбирает блок под курсором. Активная карточка обведена, а редактируемый блок получает собственную подсветку.
* **Масштабируйте** с помощью элемента масштабирования на самом холсте (25%–200%): `+` и `−` изменяют масштаб с шагом 10%, а клик по проценту сбрасывает его до 75%. Ctrl/Cmd + прокрутка масштабирует вокруг курсора, обычная прокрутка и перетаскивание перемещают холст.
* Предпросмотр отражает ваши [настройки дизайна](/ru/aftersell/cart/design-settings) и [пользовательский CSS](/ru/aftersell/cart/custom-css) вживую по мере их изменения.

<div id="preview-on-your-storefront">
  ## Предпросмотр на витрине
</div>

Используйте **Preview** для корзины, чтобы увидеть её на реальной теме в новой вкладке, не делая её общедоступной:

* **Активные корзины** открывают вашу витрину напрямую — активная корзина и есть то, что видят покупатели.
* **Черновики корзин** открывают **предпросмотр темы**. Вы выбираете, на какой теме выполнять предпросмотр (по умолчанию — ваша основная тема), и Aftersell размещает черновик корзины на этой теме только для вашей сессии предпросмотра, не затрагивая вашу активную корзину. На выбранной теме должен быть включён app embed.

<Note>
  Предпросмотры черновиков могут не полностью отражать поведение живой корзины — относитесь к ним как к близкому приближению и выполняйте финальную проверку после публикации.
</Note>

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

<div id="empty-vs-filled-states">
  ## Пустое и заполненное состояния
</div>

Оба состояния всегда доступны на холсте редактора (две карточки), поэтому вы можете проектировать и проверять пустую и заполненную корзину независимо. На витрине покупатели видят то состояние, которое соответствует их корзине.

<div id="sample-data-scenarios">
  ## Сценарии с примерами данных
</div>

В панели настроек [блока Cart items](/ru/aftersell/cart/cart-items-block) есть раздел **Preview** с переключателем **Sample data**, позволяющим менять сценарии позиций в предпросмотре редактора, чтобы проверить, как выглядит каждый из них, не собирая соответствующую корзину:

| Сценарий              | Что он показывает                                                             |
| --------------------- | ----------------------------------------------------------------------------- |
| **Standard product**  | Один товар с применённой скидкой.                                             |
| **Long product name** | Товар с очень длинным названием, для проверки переноса и переполнения текста. |
| **Bundle**            | Якорная позиция комплекта с её дочерними позициями.                           |
| **Subscription**      | Позиция подписки с надписью её плана продаж.                                  |
| **All item types**    | Длинное название товара, позиции подписки и комплекта вместе в одной корзине. |

Ваш выбор влияет только на предпросмотр в редакторе. Он никогда не сохраняется в корзину и сбрасывается при перезагрузке редактора.