> 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-volume-discount.md).

# 自定义批量折扣

BOGOS 为批量折扣优惠活动提供 2 种小组件类型：

1. 数量选项
2. 数量折扣表

每种小组件都有各自的内容和显示设置，让您能够精确控制顾客看到的内容。

## 1. 数量选项

### 1.1 内容

<figure><img src="/files/H68ohBcNFyn8hmHE8AFc" alt=""><figcaption></figcaption></figure>

**显示描述：** 启用后在标题下方显示描述（例如："为您精选的超值优惠！"）。

**每个层级将显示**（在以下选项中选择）：

* 总价：显示每个层级的全价（例如：$50）
* 单件价格：显示每个层级中每件商品的价格。输入"单件"文本以使其更清晰（例如："$10 per item"）

**更改文本的选项：**

<figure><img src="/files/vreC8h2ZIc47zPEWr6UJ" alt=""><figcaption></figcaption></figure>

* 文本格式：编辑每个层级上显示的折扣标签。保留变量 {{discountAmount}} 以动态显示折扣值。
* 总价文本：显示在总价旁边的标签。
* 按钮文本（小组件按钮上的文本）：小组件操作按钮上显示的文本。
* 选择变体文本：当顾客需要选择商品变体时显示的文本。

**运费折扣：** 选择可用的运费图标，或上传您自己的图标（支持图片、gif 格式）。

<figure><img src="/files/N0XMd610X1CVnGsajc2l" alt=""><figcaption></figcaption></figure>

**订阅：** 在小组件内显示订阅选项（如果您已在"创建批量折扣"中设置）。

1\. 选择布局：在单选按钮或复选框之间选择。

2\. 编辑以下文本字段：

* 订阅标题：显示在订阅选项上方的标题。
* 选项标签：每个订阅选项的标签文本。

<figure><img src="/files/6Ufy4BuOhCbwvAW8mjOh" alt=""><figcaption></figcaption></figure>

### 1.2 颜色

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

* 从下拉菜单中选择一个**现成的配色方案**。
* **手动调整**所有可用颜色的每个颜色字段。
* 使用 [AI 主题检测器](#ai-theme-detector)根据您店铺的品牌风格自动生成完整的小组件配色方案。
* **联系 BOGOS 支持团队**以获得颜色自定义方面的帮助。

完成后点击**保存**。

#### AI 主题检测器

BOGOS AI 会扫描您的网店，检测您品牌的主色、辅色和文本颜色，然后自动生成完整的小组件配色方案。

{% hint style="warning" %}
您的店铺不得设置密码保护，以便 AI 能够访问并检测您的品牌颜色。
{% endhint %}

使用 BOGOS AI 编辑颜色：

1. 点击**铅笔图标**。

![](/files/8HMgW0p6Hvadbsq4mpf0)

2. 点击**重新扫描**让 BOGOS AI 重新检测，或**手动调整**主色、辅色或文本字段。

![](/files/wr4WVSAsv8yHcB3JKixf)

3. 点击**应用**以将颜色应用到小组件预览中进行预览。

## 2. 数量折扣表

### 2.1 内容

<figure><img src="/files/RwBO62TJtR3tesZhLpCb" alt=""><figcaption></figcaption></figure>

**显示描述：** 启用后在标题下方显示描述（例如："为您精选的超值优惠！"）。

**每个层级将显示**（在以下选项中选择）：

* 折扣值：显示每个层级的折扣（例如："20% OFF"）
* 带标签的折扣值：以带背景颜色的方式显示每个层级的折扣。
* 总价：显示每个层级的全价（例如：$50）
* 单件价格：显示每个层级中每件商品的价格。输入"单件"文本以使其更清晰（例如："$10 per item"）

**文本格式：** 编辑每个层级上显示的折扣标签。保留变量 {{discountAmount}} 以动态显示折扣值。

<figure><img src="/files/Ec3P07MT43S6iOhRvxuw" alt=""><figcaption></figcaption></figure>

**运费折扣：** 选择可用的运费图标，或上传您自己的图标（支持图片、gif 格式）。

<figure><img src="/files/nf4fokVBoNfdn5TPoaCZ" alt=""><figcaption></figcaption></figure>

### 2.2 显示

<figure><img src="/files/PWkXJYKBS93jvmm5uAxG" alt=""><figcaption></figcaption></figure>

**小组件标题与描述**：在左对齐、居中或右对齐中选择它们在小组件上的对齐方式。

**主体样式**：在线条或斑马纹之间选择表格行的视觉分隔方式。

**隐藏列间线条**（可选）：移除表格列之间的垂直分隔线，以获得更简洁的外观。

### 2.3 颜色

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

* 从下拉菜单中选择一个**现成的配色方案**。
* **手动调整**所有可用颜色的每个颜色字段。
* 使用 [AI 主题检测器](#ai-theme-detector-1)根据您店铺的品牌风格自动生成完整的小组件配色方案。
* **联系 BOGOS 支持团队**以获得颜色自定义方面的帮助。

完成后点击**保存**。

#### AI 主题检测器

BOGOS AI 会扫描您的网店，检测您品牌的主色、辅色和文本颜色，然后自动生成完整的小组件配色方案。

{% hint style="warning" %}
您的店铺不得设置密码保护，以便 AI 能够访问并检测您的品牌颜色。
{% endhint %}

使用 BOGOS AI 编辑颜色：

1. 点击**铅笔图标**。

![](/files/8HMgW0p6Hvadbsq4mpf0)

2. 点击**重新扫描**让 BOGOS AI 重新检测，或**手动调整**主色、辅色或文本字段。

![](/files/wr4WVSAsv8yHcB3JKixf)

3. 点击**应用**以将颜色应用到小组件预览中进行预览。

## 3. 将批量折扣添加到商品页面以外的其他页面

{% hint style="info" %}
除结账页面外，您可以将批量折扣模块放置在店铺的任何页面上。
{% endhint %}

**步骤 1：** 在 **Shopify 导航菜单**中前往您的**网店** => 选择**主题** => **自定义**

**步骤 2：** 在 **Shopify 主题编辑器**中，前往您想要添加**批量折扣**模块的页面。

然后，在左侧面板中向下滚动，点击**添加区块**，选择**应用**，找到并选择 **BOGOS: Volume Discount** 模块。

<figure><img src="/files/Oc0NB3dvfE8K3IL95W1B" alt=""><figcaption></figcaption></figure>

**步骤 3**：在右上方面板中，完成设置字段。

<figure><img src="/files/kEwxuigQuD1rdYi5wfu6" alt=""><figcaption></figcaption></figure>

* **优惠活动 ID**：输入您想要显示的批量折扣优惠活动的 ID。
* **展示商品**：从您的店铺中选择一个商品。所有关联到该商品的批量折扣优惠活动都将显示在当前页面上。

如需了解更多详情，请访问我们的\[[调整 BOGOS 模块](/cn/quick-start-guide/adjust-bogos-blocks.md)]。


---

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