LogoSectionly文档

手动创建选项集

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

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

进入创建页面

导航路径

进入 App 管理后台

选择 "Sectionly:AI Product Options"

点击 "Option Sets"

点击 "Create Option Sets"

创建页面导航

核心操作流程

添加元素

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

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

添加元素示例

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

元素配置界面

分组管理

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

点击 "Add Group" 添加分组元素

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

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

添加分组

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

分组成员选择

选项集应用与设置

产品应用范围

手动选择产品

  1. 开启 "Manual Selection" 开关
  2. 点击 "Click to select products" 搜索并勾选目标产品
  3. 每个产品右侧有 "Remove" 按钮,可单独移除不需要的产品
  4. 点击 "Reset" 按钮可一键清空所有已选产品,重新规划应用范围

手动选择产品

移除产品

重置选择

应用到所有产品

开启 "Apply to All Products" 开关,选项集将一键应用到全部产品,适合通用型定制需求。

应用到所有产品

基础信息配置

点击 "New Option Set" 旁的 "⋯" 按钮

在弹出窗口中修改选项集名称(如 "夏季 T 恤定制")

选择状态:

  • "Active":生效,可应用到产品
  • "Inactive":失效,暂不应用

基础信息配置

顶部操作按钮

注意事项

重要提醒

  • 选项集创建后,状态默认为 "Active"
  • 可在 "选项集列表" 中进行管理(如修改状态、复制、删除等)
  • 当多个生效选项集应用产品重叠时,遵循 "精准匹配优先" 和 "最新更新为准" 的优先级规则