> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sectionly.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 手动创建选项集

> 从零开始手动搭建产品定制选项，包括元素添加、分组管理和精准应用设置

本指南将详细介绍如何在 Sectionly:AI Product Options 中手动创建产品选项集，包括元素添加、分组管理和应用设置等核心功能。

## 进入创建页面

### 导航路径

**1. 进入 App 管理后台**

**2. 选择 "Sectionly:AI Product Options"**

**3. 点击 "Option Sets"**

**4. 点击 "Create Option Sets"**

![创建页面导航](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/97882f78f8.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=3643096132d378a640abaf50c471f6ba)

## 核心操作流程

### 添加元素

> [!NOTE]
>
> 点击 "+ Add Element" 按钮，系统会弹出元素类型选择菜单，包含 3 大类不同的元素类型供您选择。

1. **选择元素类型**
   * 从弹出菜单中选择所需的元素类型
   * 例如：点击 "Text Input"，元素会立即添加到列表中
   * 右侧预览区域会实时显示已添加的元素效果

![添加元素示例](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/65dda2b6d8.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=46418097d748302a497d461f3e5eb940)

2. **配置元素属性**
   * 根据个人需求配置每个元素的配置项
   * 详细的配置项说明请参考相关文档

![元素配置界面](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/c6947fc567.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=36cfc50eb45391800d2c6d05baf51477)

### 分组管理

分组功能可以帮助您更好地组织相关元素，优化前端展示逻辑。

**1. 点击 "Add Group" 添加分组元素**

**2. 在 "Group Members" 中勾选需要纳入分组的元素**

**3. 元素会按照主列表顺序在分组中展示**

![添加分组](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/6448adafd5.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=51cdba2db0dbd096c3ab382e2f91692f)

**分组示例：**
创建 "外观定制" 分组时，可以勾选已添加的 "Color Swatch" 和 "Image Picker" 元素。在前端预览时，这两个元素会归属于该分组展示。

![分组成员选择](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/06534d8ba5.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=488ba2d0d1cd91a3267408057f9b5421)

## 选项集应用与设置

### 产品应用范围

> [tab] Manual Selection
>
> **手动选择产品**
>
> 1. 开启 "Manual Selection" 开关
> 2. 点击 "Click to select products" 搜索并勾选目标产品
> 3. 每个产品右侧有 "Remove" 按钮，可单独移除不需要的产品
> 4. 点击 "Reset" 按钮可一键清空所有已选产品，重新规划应用范围
>
>    ![手动选择产品](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/eee2bd7c69.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=cf055a7ffc4478a33d50922832b6c401)
>
>    ![移除产品](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/f1c3dcaa42.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=51cab86b9609e41db1dc53e515bae8b9)
>
>    ![重置选择](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/f47b569eb1.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=172b27b32f9e3efc829b5ad2e97d7cd2)

> [tab] Apply to All Products
>
> **应用到所有产品**
>
> 开启 "Apply to All Products" 开关，选项集将一键应用到全部产品，适合通用型定制需求。
>
> ![应用到所有产品](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/59e9cc0d6b.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=910615f15ffb2944dce4c45302906692)

### 基础信息配置

**1. 点击 "New Option Set" 旁的 "⋯" 按钮**

**2. 在弹出窗口中修改选项集名称（如 "夏季 T 恤定制"）**

**3. 选择状态：**

* "Active"：生效，可应用到产品
* "Inactive"：失效，暂不应用

![基础信息配置](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/4a75b307b2.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=83337920725e8e126b26398c655f68de)

## 顶部操作按钮

> [accordion] Discard（放弃）
>
> 放弃当前配置，关闭弹窗且不保存任何更改。
>
> ![放弃按钮](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/3e2c3383cf.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=3a06b8428d4d92227a71a5320071d4d7)

> [accordion] Save（保存）
>
> 保存当前配置但不关闭配置弹窗，可以继续进行调整。
>
> ![保存按钮](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/1c08fddd0d.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=d4fd40126cc21afd2dca7bc2d7b0ad9c)

> [accordion] 预览模式
>
> **桌面端预览：**
> 点击 PC 端图标，右侧预览区展示电脑端布局效果。
>
> ![桌面端预览](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/ce0af1ac82.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=fc78ebe82135e8b7af8b75b5e005776b)
>
> **移动端预览：**
> 点击 M 端图标，预览区模拟移动设备界面排版。
>
> ![移动端预览](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/ebe4044c53.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=618c42b406c42c170eb784b3c76c62c2)

> [accordion] Theme Editor（主题编辑器）
>
> 如果尚未在主题编辑器中配置 App Block 嵌入等展示设置，或需要精细调整选项集在店铺主题中的显示（如位置、样式适配），点击 "Theme Editor" 按钮可快速跳转至 Shopify 线上主题编辑器。
>
> ![主题编辑器](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/5e40f778b6.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=3219205d782f574d96bc5684c235acad)

> [accordion] Preview（预览验证）
>
> 点击 "Preview" 按钮，弹出专属弹窗，仅显示当前配置实际应用的产品。点击产品旁的 "Preview" 可跳转至前端详情页验证配置效果。
>
> ![预览验证](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/40434beea9.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=2990807c95c29bc1eb7742e2b7e5bd9a)

## 注意事项

> [!WARNING]
>
> **重要提醒**
>
> * 选项集创建后，状态默认为 "Active"
> * 可在 "选项集列表" 中进行管理（如修改状态、复制、删除等）
> * 当多个生效选项集应用产品重叠时，遵循 "精准匹配优先" 和 "最新更新为准" 的优先级规则


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.