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

# 购物车位置

> 选择 Upcart 抽屉从屏幕的哪一侧滑出。

<div id="overview">
  # 概述
</div>

购物车位置设置让你控制 Upcart 是从屏幕**右侧**还是**左侧**滑入。这对于使用**从右到左书写语言**的商店，或希望匹配特定视觉布局的商店尤其有用。

<div id="how-to-set-the-cart-position">
  ## **如何设置购物车位置**
</div>

在 **Cart Editor → Settings → Cart settings** 标签页中，你会看到一个名为 **Cart position** 的下拉菜单。你可以选择：

* **Slide from right** *（默认）*
* **Slide from left**

<div id="slide-from-right">
  # **从右侧滑出**
</div>

这是大多数商店的默认设置。在桌面端和移动端，cart drawer 都会从屏幕右侧滑出。

<div id="desktop-example">
  ## 桌面端示例：
</div>

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/cart-position-drawer-sliding-right-desktop.gif?s=69a4b7f2d214a572778d12ea0a97d2a0" alt="Upcart cart drawer 在桌面端从右侧滑入" width="1952" height="1080" data-path="images/upcart/cart-position-drawer-sliding-right-desktop.gif" />

<div id="mobile-example">
  ## 移动端示例
</div>

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/cart-position-drawer-sliding-right-mobile.gif?s=4dd2466fc87e5cbea5dc2b7c5d15c392" alt="Upcart cart drawer 在移动端从右侧滑入" width="400" data-path="images/upcart/cart-position-drawer-sliding-right-mobile.gif" />

<div id="slide-from-left">
  # 从左侧滑出
</div>

如果你的商店布局或客户群体更适合左对齐的购物车，你可以切换位置。购物车随后将从屏幕左侧滑入。

<div id="desktop-example-2">
  ## 桌面端示例
</div>

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/cart-position-drawer-sliding-left-desktop.gif?s=b2e43d6b635ae500e18d5a5600db4f78" alt="Upcart cart drawer 在桌面端从左侧滑入" width="1948" height="1080" data-path="images/upcart/cart-position-drawer-sliding-left-desktop.gif" />

<div id="mobile-example-2">
  ## 移动端示例
</div>

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/cart-position-drawer-sliding-left-mobile.gif?s=3bba0e701b8c9c80467a0625295c34f4" alt="Upcart cart drawer 在移动端从左侧滑入" width="400" data-path="images/upcart/cart-position-drawer-sliding-left-mobile.gif" />
