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

# Posição do carrinho

> Escolha de qual lado da tela o drawer do Upcart aparece.

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

A configuração de posição do carrinho permite controlar se o Upcart desliza a partir do lado **direito** ou **esquerdo** da tela. Isso é especialmente útil para lojas que usam **idiomas escritos da direita para a esquerda** ou que querem seguir layouts visuais específicos.

<div id="how-to-set-the-cart-position">
  ## **Como definir a posição do carrinho**
</div>

Na aba **Cart Editor → Settings → Cart settings**, você encontrará um menu suspenso chamado **Cart position**. Você pode escolher:

* **Slide from right** *(padrão)*
* **Slide from left**

<div id="slide-from-right">
  # **Deslizar a partir da direita**
</div>

Esta é a configuração padrão para a maioria das lojas. O cart drawer desliza a partir do lado direito da tela tanto no desktop quanto no mobile.

<div id="desktop-example">
  ## Exemplo no desktop:
</div>

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/cart-position-drawer-sliding-right-desktop.gif?s=69a4b7f2d214a572778d12ea0a97d2a0" alt="Cart drawer do Upcart deslizando a partir da direita no desktop" width="1952" height="1080" data-path="images/upcart/cart-position-drawer-sliding-right-desktop.gif" />

<div id="mobile-example">
  ## Exemplo no mobile
</div>

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/cart-position-drawer-sliding-right-mobile.gif?s=4dd2466fc87e5cbea5dc2b7c5d15c392" alt="Cart drawer do Upcart deslizando a partir da direita no mobile" width="400" data-path="images/upcart/cart-position-drawer-sliding-right-mobile.gif" />

<div id="slide-from-left">
  # Deslizar a partir da esquerda
</div>

Se o layout da sua loja ou sua base de clientes se beneficia de um carrinho alinhado à esquerda, você pode trocar a posição. O carrinho passará a deslizar a partir do lado esquerdo da tela.

<div id="desktop-example-2">
  ## Exemplo no desktop
</div>

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/cart-position-drawer-sliding-left-desktop.gif?s=b2e43d6b635ae500e18d5a5600db4f78" alt="Cart drawer do Upcart deslizando a partir da esquerda no desktop" width="1948" height="1080" data-path="images/upcart/cart-position-drawer-sliding-left-desktop.gif" />

<div id="mobile-example-2">
  ## Exemplo no mobile
</div>

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/cart-position-drawer-sliding-left-mobile.gif?s=3bba0e701b8c9c80467a0625295c34f4" alt="Cart drawer do Upcart deslizando a partir da esquerda no mobile" width="400" data-path="images/upcart/cart-position-drawer-sliding-left-mobile.gif" />
