Skip to main content

概述

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

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

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

CSS 示例

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

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

从购物车抽屉中移除所有与折扣相关的内容。
在 V1.0 中仅隐藏折扣金额

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

保持折扣标签或折扣码可见,但隐藏节省的金额。
在 V1.0 中隐藏折扣码徽章
在 V2.0 中隐藏折扣码徽章
隐藏显示当前生效折扣码的视觉徽章。
在 V1.0 中隐藏节省金额标签 V1 的标签本身没有专属类名,因此请将规则限定在节省金额行范围内:
不要单独针对 .UpcartDesignSettings__cartTextColor。它是全局的购物车文本颜色工具类,应用于页眉、公告、奖励进度条、商品标题、推荐标题等——隐藏它会让购物车的大部分内容消失。
标签文本本身是你的 Total discount savings text 翻译,默认为”Discounts”——你可以在那里更改措辞,而不必隐藏它。

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

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

重要说明

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

需要帮助?

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