> ## 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 — когда открывается выдвижная корзина и селекторы темы, поддерживающие синхронизацию с вашей витриной.

Помимо [оформления](/ru/aftersell/cart/design-settings), у корзины есть несколько настроек **поведения**, которые управляют её взаимодействием с вашей витриной — когда открывается выдвижная корзина и какие элементы темы Aftersell синхронизирует с корзиной.

<div id="where-to-find-these">
  ## Где их найти
</div>

В редакторе корзины откройте **Cart settings**. Описанные ниже параметры сгруппированы в разделах **Behavior** и **Custom selector**.

<div id="open-the-cart-when-an-item-is-added">
  ## Открывать корзину при добавлении товара
</div>

**Open cart when an item is added** определяет, будет ли выдвижная корзина автоматически открываться каждый раз, когда покупатель добавляет товар. По умолчанию включено. Выключите, если предпочитаете, чтобы корзина оставалась закрытой, пока покупатель не откроет её сам.

<div id="theme-selectors">
  ## Селекторы темы
</div>

Aftersell подключается к вашей витрине через CSS-селекторы — например, чтобы знать, какой элемент открывает корзину или какой счётчик на иконке корзины нужно синхронизировать. Встроенное определение охватывает самые популярные темы Shopify (Dawn, Sense, Crave, Debut, Impulse, Horizon и многие другие), поэтому **большинству магазинов эти настройки трогать не нужно**. Изменяйте селектор только в том случае, если что-то работает некорректно в вашей теме.

<div id="selector-modes">
  ### Режимы селекторов
</div>

Каждый селектор предлагает одни и те же три режима:

| Режим                | Что он делает                                                                                                                                                                                                       |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Default**          | Использует встроенное определение Aftersell для поддерживаемых тем.                                                                                                                                                 |
| **Default + custom** | Сохраняет встроенное определение и добавляет поверх него ваш собственный селектор — используйте, когда стандартный вариант в целом работает, но пропускает какой-то элемент (например, отдельную мобильную иконку). |
| **Custom only**      | Игнорирует встроенное определение и использует только ваш селектор — используйте, когда стандартный вариант нацеливается не на тот элемент или конфликтует с вашей темой.                                           |

Поле ввода селектора доступно только в режимах **Default + custom** и **Custom only**.

<div id="the-three-selectors">
  ### Три селектора
</div>

| Селектор                 | На что он нацелен                                                                                                                  | Пример                      |
| ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |
| **Open cart selector**   | Элемент(ы), которые должны открывать выдвижную корзину.                                                                            | `.header__cart-toggle`      |
| **Add to cart selector** | Кнопка(и) добавления в корзину, к которым Aftersell должен подключиться.                                                           | `.product-form__add-button` |
| **Cart count selector**  | Элемент на иконке корзины вашей темы, отображающий количество товаров, чтобы он оставался синхронизированным с выдвижной корзиной. | `.header__cart-count span`  |

<div id="how-to-find-a-selector">
  ### Как найти селектор
</div>

1. Откройте свою витрину в браузере (рекомендуется Chrome).
2. Щёлкните правой кнопкой мыши по нужному элементу — иконке корзины, числу счётчика или кнопке добавления в корзину — и выберите **Inspect** (Просмотреть код).
3. В открывшейся панели найдите элемент, который его представляет (счётчик часто является `span` внутри иконки корзины).
4. Запишите его класс (начинается с `.`) или ID (начинается с `#`) — например `.header__cart-count span` или `#CartCount`.
5. Вернитесь в **Cart settings**, переключите селектор в режим **Default + custom** или **Custom only** и вставьте его.
6. Сохраните, затем протестируйте и на десктопе, и на мобильных устройствах.

<Tip>
  Начните с **Default** — он работает для большинства тем без настройки. Переходите к **Default + custom**, когда обновляется только одна из нескольких иконок (например, десктоп работает, а мобильная версия нет), и к **Custom only**, когда стандартный режим нацеливается не на тот элемент. Если вы не уверены, какой селектор использовать, разработчик вашей темы сможет подсказать — писать код не нужно, достаточно скопировать и вставить.
</Tip>