> 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-discount-on-cheapest-most-expensive-item.md).

# 自定义最低价/最高价商品折扣

设置好您的折扣优惠活动后，您可以按照以下简单步骤全面自定义其小组件显示效果：

* 第 1 步：从 **BOGOS 侧边栏**导航至**自定义**。
* 第 2 步：在**折扣**自定义中找到**折扣，并选择最低价/最高价商品折扣**。

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfzBFHbwxPpuCCz9mCSdyMj6BI-RDXmvIPNtZjApJKiaDK8gI5Fxuj5Mfzqmt4Ax3aVgqGrbIcj0qyRb21DbiGl-Nkbcm-uXBZn4Jfj3ljGbchML8HhqJTtnW_0XxXCcmWfst5Wog?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

此优惠活动类型包含两个主要小组件：

* **折扣小组件**
* **查看所有商品弹窗**

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcp6_sWyqGyQrJoGRX3JkACxEqtgqgJ_qrrCakw-VGwRMVgz4lR8UPXvEd7ZeRpyrasyXy6UMDcHnymFBTx5eT6KqbQISXVJFrn3S8qCI3x6PxDKwfAKvFdNKwsHylUEwy2M0-N?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

接下来，让我们通过点击每个选项卡，逐一了解如何自定义它们。

## 1. 折扣小组件

### **常规**

此部分包含以下关键元素：

* **显示商品数量：** 设置小组件中显示的已选商品数量。
* **商品列表标签：** 添加一条简短的行动号召消息，鼓励客户选择商品。
* **优惠活动阶梯样式：** 有两种方式可用于告知客户各阶梯的达标条件：

▶ **清单式显示：** 所有阶梯的公告会以复选框的形式依次显示。当客户满足某个阶梯的条件时，对应公告会被划掉。

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeDLpxOV9oxNGcDWdoiCp7_a0eEOKeL7rg8Jyd-mH7MJn4P2ZTOFBkWHt_RrL0dMI6HzjkPxTEmZnw3di9Yr6vxO0t7cB6L80yMLWA_syqOLp6lik-ep5DZquE5-MulEUNDgYoIrQ?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

▶ **项目符号列表显示：** 所有阶梯的公告会以简单列表的形式显示。

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfdA4_VFomna9RB7c1H-B7Ope1ex09Du7qsssEe2uowb0MJRnFfC5dIX18hW6eI9cHEcTLBn3E_wmKmYEtEc7FZEEVPCSQQsYs3mpOm713vBQzN8u2NkT_XsEWHSd5n9mDmpWvO?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

* **在每个商品上显示添加按钮：** 启用此选项可显示一个按钮，客户点击后即可将商品添加到购物车。您还可以根据需要自定义按钮文本。
* **显示查看所有商品按钮：** 启用此选项可显示一个链接到完整商品列表的按钮。您还可以根据需要自定义按钮文本。

### **颜色**

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. 查看所有商品弹窗

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeJcajdJECv845ZfwwNVgRJC_SxpHJP2jfXE3jKIN_Mt_b5agCpWlI4aBsaZnWM_DKtS3u1x8-H6ZXrTjnSiMGjP0JvpwyCJMT_nRjkuLrKwSNZ934Jd0zxxW11tO-6Ol908VBADg?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

如您所见，此处可让您配置桌面端和移动端每次加载时显示的商品数量，包括：**每行商品数**和**行数**。之后，BOGOS 会自动计算出**每次加载的商品数**。

## **3. 小组件预览**

此部分可让您在桌面端和移动端预览小组件，包含两种显示选项：

* **紧凑型：** 以更小、更节省空间的布局展示优惠活动，能整齐地与商品详情并列显示。

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdjLjF3Mh0VH6Vg13ysOAEzyT1vLA364Oqdcu_uhp1CNa2WgFfJUkKhQfsPkEGLzDRDv1Qut9pk5njJdkdfVcc_kdtizwFU4gLWyD1tUXQyEFRptTkAT9gnLu-A3YIYIlb3ysmWnQ?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

* **全宽型：** 将优惠活动扩展为全宽显示，以获得最大的可见度。

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeGShsZbMOdMtBU58fHugP0TkaQ-ys7msKIduM-CTULHbbZEYBUSevcQ75NNlLuHgAYfyNQDuR8EjD_Uy_La6f14iScTRbCSnOdvGmiwnlTU13sou3f8CfsYjgjEpGhwAZUmaADNw?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>


---

# 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-discount-on-cheapest-most-expensive-item.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.
