> ## 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.

# Плавающая кнопка корзины

> Добавьте плавающий значок корзины, который остаётся видимым на всей витрине, и настройте его внешний вид.

<div id="overview">
  # Обзор
</div>

Sticky Cart Button в Upcart — это плавающий значок корзины, который остаётся видимым при прокрутке, облегчая покупателям доступ к корзине в любой момент. Он особенно полезен на мобильных устройствах, где дотянуться до правого верхнего угла может быть сложно.

Кнопка отображает текущее количество товаров в корзине и открывает корзину-drawer при нажатии.

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

**Sticky cart** — отдельная страница в левой навигации Upcart; это не вкладка внутри редактора корзины.

Здесь вы можете активировать кнопку и настроить её оформление в соответствии с вашей витриной.

<div id="cart-icon">
  ## Значок корзины
</div>

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

<div id="background-color">
  ## Цвет фона
</div>

Задаёт круглый фон за значком. Вы можете выбрать цвет с помощью hex-кода или палитры.

<div id="icon-color">
  ## Цвет значка
</div>

Меняет цвет самого символа значка. Для лучшей видимости используйте высокий контраст с цветом фона.

<div id="quantity-background-color">
  ## Цвет фона индикатора количества
</div>

Настройте цвет фона индикатора количества товаров (кружок, показывающий количество товаров в корзине).

<div id="quantity-text-color">
  ## Цвет текста индикатора количества
</div>

Настройте цвет числа внутри индикатора количества. Это помогает обеспечить читаемость, особенно на тёмном или светлом фоне.

<div id="sticky-cart-position">
  ## Позиция плавающей корзины
</div>

Выберите, где кнопка будет отображаться на экране. Доступные позиции:

* Внизу справа
* По центру справа
* Вверху справа
* Внизу слева
* По центру слева
* Вверху слева

Это даёт вам гибкость, чтобы избежать наложения на другие элементы магазина.

<div id="device-settings">
  ## Настройки устройств
</div>

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

* Показывать на всех устройствах
* Показывать только на десктопе
* Показывать только на мобильных

Это позволяет настроить видимость в зависимости от макета вашего магазина и предпочтений покупателей.