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

# Botão de carrinho fixo

> Adicione um ícone de carrinho flutuante que permanece visível em toda a sua loja e personalize sua aparência.

<div id="overview">
  # Visão geral
</div>

O Sticky Cart Button do Upcart é um ícone de carrinho flutuante que permanece visível enquanto os clientes rolam a página, facilitando o acesso ao carrinho a qualquer momento. Ele é especialmente útil no mobile, onde alcançar o canto superior direito pode ser difícil.

O botão exibe a quantidade atual do carrinho e abre o cart drawer quando clicado.

<div id="where-to-find-it">
  ## Onde encontrar
</div>

**Sticky cart** é uma página própria na navegação à esquerda do Upcart — não é uma aba dentro do editor de carrinho.

Aqui você pode ativar o botão e ajustar seu estilo para combinar com a sua loja.

<div id="cart-icon">
  ## Ícone do carrinho
</div>

Selecione entre três estilos de ícone: uma sacola, uma caixa ou um carrinho de compras. Esse ícone aparecerá dentro do botão flutuante.

<div id="background-color">
  ## Cor de fundo
</div>

Define o fundo circular atrás do ícone. Você pode escolher uma cor usando um código hexadecimal ou o seletor de cores.

<div id="icon-color">
  ## Cor do ícone
</div>

Altera a cor do próprio símbolo do ícone. Para melhor visibilidade, use alto contraste em relação à cor de fundo.

<div id="quantity-background-color">
  ## Cor de fundo da quantidade
</div>

Personalize a cor de fundo da bolha de quantidade do carrinho (o círculo que mostra o número de itens no carrinho).

<div id="quantity-text-color">
  ## Cor do texto da quantidade
</div>

Ajuste a cor do número dentro da bolha de quantidade. Isso ajuda a garantir a legibilidade, especialmente com fundos escuros ou claros.

<div id="sticky-cart-position">
  ## Posição do carrinho fixo
</div>

Escolha onde o botão aparece na tela. As posições disponíveis incluem:

* Inferior direito
* Centro direito
* Superior direito
* Inferior esquerdo
* Centro esquerdo
* Superior esquerdo

Isso dá a você flexibilidade para evitar sobreposição com outros elementos da sua loja.

<div id="device-settings">
  ## Configurações de dispositivo
</div>

Controle onde o carrinho fixo aparece. As opções incluem:

* Mostrar em todos os dispositivos
* Mostrar apenas no desktop
* Mostrar apenas no mobile

Isso permite adaptar a visibilidade conforme o layout da sua loja e as preferências dos seus clientes.