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

Upcart 的节省金额行显示已应用的折扣、折扣码和节省金额的信息。如果你偏好更简约的布局，可以使用自定义 CSS 有选择地隐藏元素。

你可以移除整行，也可以只移除特定部分，例如折扣金额、折扣码徽章或"Discount"字样。

***

<div id="where-to-find-the-custom-css-editor">
  ## 在哪里找到自定义 CSS 编辑器
</div>

1. 前往 **Upcart > Cart Editor > Settings > Custom CSS**
2. 将下方的代码片段粘贴到输入区域
3. 点击 **Save**
4. 刷新你的店面以查看生效的更改

***

<div id="css-examples">
  ## CSS 示例
</div>

**在 V1.0 中隐藏整个节省金额行**

```
.upcart-savings-row {  
  display: none;  
}
```

<div id="hide-the-entire-savings-row-in-v20">
  #### **在 V2.0 中隐藏整个节省金额行**
</div>

```
.upcart-public-cart-summary {  
  display: none;  
}
```

从购物车抽屉中移除所有与折扣相关的内容。

***

**在 V1.0 中仅隐藏折扣金额**

```
.upcart-savings-amount {       
  display: none;     
}
```

<div id="hide-only-the-discount-amount-in-v20">
  #### **在 V2.0 中仅隐藏折扣金额**
</div>

```
.upcart-public-cart-summary__total-discount {       
  display: none;     
}
```

保持折扣标签或折扣码可见，但隐藏节省的金额。

***

**在 V1.0 中隐藏折扣码徽章**

```
.upcart-discount-code-badge {       
  display: none;     
}
```

**在 V2.0 中隐藏折扣码徽章**

```
.upcart-public-cart-summary__slide-codes {       
  display: none;     
}
```

隐藏显示当前生效折扣码的视觉徽章。

***

**在 V1.0 中隐藏节省金额标签**

V1 的标签本身没有专属类名，因此请将规则限定在节省金额行范围内：

```
.upcart-savings-row .styles_Footer__savingsCodes__ > span {       
  display: none;     
}
```

<Warning>
  不要单独针对 `.UpcartDesignSettings__cartTextColor`。它是全局的购物车文本颜色工具类，应用于页眉、公告、奖励进度条、商品标题、推荐标题等——隐藏它会让购物车的大部分内容消失。
</Warning>

标签文本本身是你的 **Total discount savings text** 翻译，默认为"Discounts"——你可以在那里更改措辞，而不必隐藏它。

<div id="hide-the-word-discount-in-v20">
  #### **在 V2.0 中隐藏"Discount"字样**
</div>

```
.upcart-public-cart-summary__discount-label {       
  display: none;     
}
```

隐藏使用"Discount"字样的静态文本。你可能需要手动调整此选择器以实现更精确的定位。

<div id="important-note">
  ## 重要说明
</div>

隐藏元素（尤其是折扣金额）可能会降低促销和节省金额的可见性。在应用这些更改之前，请考虑顾客体验。

<div id="need-help">
  ## 需要帮助？
</div>

对于高级样式或布局更改，我们建议与 **Shopify 专家**合作。Upcart 的支持团队不提供自定义代码实现方面的协助。

[查看 Shopify 专家](https://www.shopify.com/partners/directory)