> 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-classic-bundle.md).

# 自定义经典捆绑包

{% embed url="<https://youtu.be/_oPn7GqUGAk>" %}

## 1. 自定义小组件位置 <a href="#how-to-enable-the-bundle" id="how-to-enable-the-bundle"></a>

默认情况下，捆绑包会显示在对应商品的商品页面上。

如果您：

* 在网店前台看不到小组件
* 想要更改小组件的位置
* 想要将经典捆绑包小组件添加到其他页面（首页、购物车页面等）

*请参阅我们的\[*[*调整 BOGOS 模块*](/cn/quick-start-guide/adjust-bogos-blocks.md)*]指南。*

## 2. 自定义选项 <a href="#customization-options" id="customization-options"></a>

### 2.1. 内容 <a href="#content" id="content"></a>

<figure><img src="https://bogos-guideline.gitbook.io/~gitbook/image?url=https%3A%2F%2F1174860429-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FBQEzvXIQmpPrTmxjT8T6%252Fuploads%252FUFidGSkHoH0w9M630JrS%252Fbundle%2520content.jpg%3Falt%3Dmedia%26token%3D6da1a501-22b0-46ed-ad85-66f2dad25f1d&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=9ad8fc95&#x26;sv=1" alt=""><figcaption><p>自定义经典捆绑包 - 内容</p></figcaption></figure>

在此处自定义内容在捆绑包小组件上的显示方式：

* 显示描述：显示捆绑包描述
* 在每件商品上显示折扣价格：显示捆绑商品的划线原价
* 在“加入购物车”按钮上显示折扣金额
* 总价文本
* 按钮文本
* 选择变体文本

### 2.2. 颜色 <a href="#color" id="color"></a>

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. 点击**应用于预览**，将颜色应用到小组件预览中。

## 3. 将经典捆绑包添加到商品页面以外的其他页面

{% hint style="info" %}
您可以将经典捆绑包模块放置在店铺的任意页面上，结账页除外。
{% endhint %}

**第 1 步：** 在 **Shopify 导航菜单**中导航至**网店** => 选择**主题** => **自定义**

**第 2 步：** 在 **Shopify 主题编辑器**中，前往您想要添加**经典捆绑包**模块的页面。

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

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

**第 3 步：** 在右上方面板中，填写设置字段。

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

* **优惠活动 ID：** 输入您想要显示的捆绑包优惠活动的 ID。
* **展示商品：** 从您的店铺中选择一个商品。所有链接到该商品的经典捆绑包优惠活动都会显示在当前页面上。


---

# 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-classic-bundle.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.