概述

Upcart 的节省金额行显示已应用的折扣、折扣码和节省金额的信息。如果你偏好更简约的布局，可以使用自定义 CSS 有选择地隐藏元素。你可以移除整行，也可以只移除特定部分，例如折扣金额、折扣码徽章或”Discount”字样。

在哪里找到自定义 CSS 编辑器

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

CSS 示例

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

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

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

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

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

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

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

在 V2.0 中仅隐藏折扣金额

.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;     
}

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

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

在 V2.0 中隐藏”Discount”字样

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

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

重要说明

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

需要帮助？

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

购物车功能参考

CSS 参考

样式定制方案

功能定制方案

自定义模板

Upcart 公共 API

隐藏折扣行或特定的节省金额元素

概述

在哪里找到自定义 CSS 编辑器

CSS 示例

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

在 V2.0 中仅隐藏折扣金额

在 V2.0 中隐藏”Discount”字样

重要说明

需要帮助？

​概述

​在哪里找到自定义 CSS 编辑器

​CSS 示例

​在 V2.0 中隐藏整个节省金额行

​在 V2.0 中仅隐藏折扣金额

​在 V2.0 中隐藏”Discount”字样

​重要说明

​需要帮助？

概述

在哪里找到自定义 CSS 编辑器

CSS 示例

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

在 V2.0 中仅隐藏折扣金额

在 V2.0 中隐藏”Discount”字样

重要说明

需要帮助？