> ## 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.
# 打开购物车按钮选择器
> 本文说明如何防止默认 cart drawer 覆盖 Upcart
Upcart 现在可以确保你的商店始终打开 Upcart 的 cart drawer，即使你的主题通常会打开它自己的购物车。当主题中的购物车图标或按钮默认不会触发 Upcart 时，此功能非常有用。
***
**此设置告诉 Upcart 商店中的哪个按钮或图标应打开 Upcart 的 cart drawer。如果你的主题使用自己的 cart drawer，你可以使用此设置来确保打开的是 Upcart。**
1. 前往 Upcart Editor。
2. 点击 **Settings**。
3. 在 **Cart settings** 标签页中，向下滚动并展开 **Advanced Settings**。
4. 找到 **Open Cart Button Selector**：
你会看到一个包含三个可用选项的菜单：
| | |
| ----------------------- | ---------------------------------------------------- |
| **选项** | **含义** |
| Use Default Selector | Upcart 自动检测购物车图标。如果 cart drawer 能正常打开，请使用此选项。 |
| Add Additional Selector | 如果你的商店包含多个购物车图标且默认只有一个可以正常工作，请使用此设置添加无法工作的那个图标的选择器。 |
| Use Custom Selector | 如果点击购物车图标时 cart drawer 没有打开，请使用此选项告诉 Upcart 要针对哪个按钮。 |
***
## 如何使用 "Custom Selector" 选项（无需编码）
如果你需要使用 **Custom Selector** 选项，请按照以下步骤操作：
1. **前往你商店的首页。**
2. \*\*右键点击你的购物车图标。\*\*这是客户点击以查看购物车的按钮或图标。
3. \*\*点击"检查"。\*\*将打开一个显示页面代码的面板。你不需要修改任何内容。
4. 在面板中，\*\*查找高亮代码旁边的 class 或 ID。\*\*它通常以点（`.`）开头表示 class，或以井号（`#`）开头表示 ID。例如：`.site-header__cart` 或 `#cart-icon`。
5. \*\*复制该 class 或 ID。\*\*例如：`.site-header__cart`。
6. \*\*返回 Upcart Editor。\*\*选择 **"Use Custom Selector"**，并将复制的内容粘贴到输入框中。
💡**提示**
* 如果不确定选择哪个选项，请先从 **Default Selector** 开始。
* 仅当点击购物车图标无法打开 Upcart cart drawer 时才使用 **Custom Selector**。
* 请务必在移动端和桌面端设备上测试购物车功能。
* 你可以使用任何喜欢的 AI 工具来帮助检查或验证你的操作。
***
**需要更多帮助？**
如果你需要帮助，可以请你的主题开发者找到正确的选择器。你不需要编写任何代码。只需按照上文说明复制并粘贴选择器即可。