> For the complete documentation index, see [llms.txt](https://docs.bogos.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bogos.io/cn/detailed-guide/customize/customize-product-discount.md).

# 自定义商品折扣

本文档介绍如何自定义商品折扣的显示以及倒计时小组件——帮助您在商品页面上清晰展示折扣价格，并通过计时器营造紧迫感。

使用 BOGOS 自定义这些内容包括以下 4 个步骤：

1. 在 BOGOS 后台中，打开"自定义 > 折扣 > 商品折扣"。
2. [自定义倒计时小组件](#customize-countdown-widget)。
3. [自定义折扣价格显示](#customize-discount-price-display)。
4. 点击保存。

## 自定义倒计时小组件

倒计时小组件显示在您的商品页面上，向顾客展示折扣的剩余时间，从而营造出在优惠活动结束前购买的紧迫感。

![](/files/Y0KXGg6jiLH6RXOQ7CHj)

### 通用

* **启用倒计时小组件**：在商品页面上显示倒计时器。倒计时根据您优惠活动的开始/结束时间以及"在时间范围内重复折扣"设置显示。
* **小组件样式**：在"条形"（纤薄外观）或"横幅"（更引人注目）之间选择。
* **数字背景包裹**：在每个倒计时数字后面添加背景块。
* **显示标签**（仅适用于横幅小组件样式）：启用后可在每个倒计时单位下方显示文本标签。您可以自定义所有可用的标签文本。
* **小组件边框圆角**：拖动滑块（0–24px）以调整小组件的圆角程度。每个数字后面的背景会自动按该值的一半进行圆角处理。

### 颜色

BOGOS 允许您通过以下 3 种方法之一来自定义所有元素的颜色：

* 从下拉菜单中选择一个现成的配色方案。
* 手动调整所有可用颜色的每个颜色字段。
* 联系 BOGOS 支持团队以获得颜色自定义方面的帮助。

完成后点击保存。

## 自定义折扣价格显示

折扣价格显示会出现在您的商品页面上，向顾客展示折扣后的价格以及他们节省的金额。

![](/files/sDqB6gkso8olAYsgnkHR)

#### 通用

* **自定义折扣价格显示**：启用后以对比价格的样式显示折扣价格。

{% hint style="warning" %}
如果关闭，商品页面在加入购物车之前只会显示原价。
{% endhint %}

* **显示折扣标签**：在价格旁显示一个标签以展示折扣。启用后，设置：
* **折扣标签**：标签上显示的折扣文本。使用 {{discount\_amount}} 可动态显示折扣值（例如"10% OFF"）。

#### 排版

* **折扣价格**：设置折扣价格的字体大小和粗细（常规或加粗）。
* **原价**：设置原价的字体大小和粗细（常规或加粗）。
* **划掉原价**：启用后以删除线显示原价（例如 $165）。

#### 颜色

BOGOS 允许您通过以下 3 种方法之一来自定义所有元素的颜色：

* 从下拉菜单中选择一个现成的配色方案。
* 手动调整所有可用颜色的每个颜色字段。
* 联系 BOGOS 支持团队以获得颜色自定义方面的帮助。

完成后点击保存。

### 需要帮助？

如果您需要任何帮助，请随时通过我们 BOGOS 应用内的在线聊天联系我们的客户支持团队。


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.bogos.io/cn/detailed-guide/customize/customize-product-discount.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.