选项列表选项让顾客从您自己输入的一组命名选项中挑选,例如 是 / 否、礼品包装 / 不要礼品包装,或几个款式名称。它取代了早期版本中的附加色板选项:选项直接输入在该选项内,而不再从素材文件夹中读取。

与复选框一样,选项列表在商品预览中没有图层。它的作用是记录顾客的选择,按需收取附加费用,并控制其他选项的条件,让这些选项只在需要时才显示。

添加方法:在侧边栏进入选项集,打开商品对应的选项集,点击添加选项,在表单元素下选择选项列表,然后点击添加。

Shopify 后台侧边栏中的选项集
选项集编辑器中的添加选项按钮
添加选项对话框,表单元素下已选中选项列表

内容

内容部分包含问题、它的各个选项以及显示方式。

  • 标签:显示在选项上方的问题,默认为“选项列表”
  • 帮助文本:显示在标签下方的可选提示
  • 必填:顾客必须先做出选择,才能将商品加入购物车
  • 选项:点击添加选项创建第一个选项,之后每增加一个就点击添加选项值。为每个选项输入名称,拖动手柄可调整顺序,点击垃圾桶图标可删除。
  • 关联附加变体:选项旁边的标签图标会打开 Shopify 的商品选择器,您可以关联某个附加商品的变体,顾客选择该选项时就会收取其费用
  • 默认值:商品页打开时已选中的选项,默认为无
内容部分,标签为“添加自定义名称?”,必填已勾选,选项为“是”和“否”

单选还是多选

允许多选默认已勾选,因此顾客可以勾选多个选项。勾选后,可通过最少选择数和最多选择数设置顾客至少要选几个、最多可以选几个。

如果顾客只能选择一个选项(如“是 / 否”问题),请取消勾选。此时最少和最多两个字段会消失。

允许多选已取消勾选,显示样式列出单选按钮、按钮和下拉菜单

显示样式决定选项在商品页上的呈现方式:

  • 复选框(多个选项)或单选按钮(单个选项):每个选项旁边带有方框或圆形按钮的列表
  • 按钮:每个选项显示为一个可供顾客点击的按钮
  • 下拉菜单:点击后展开的选择菜单
显示样式设为按钮,预览中“是”和“否”显示为按钮
显示样式设为下拉菜单,预览中显示“请选择...”菜单

与条件搭配使用

常见的设置是一个“是 / 否”问题,只有当顾客回答“是”时才显示另一个选项。在这个示例中,选项集询问“添加自定义名称?”,只有顾客选择“是”之后,名称字段(输入您的文字)才会出现。

打开您想控制的选项,展开其条件部分,点击编辑。点击添加条件,然后在选项列表中选择您的选项列表,它位于“选项”下方,排在颜色、尺寸等 Shopify 变体选项之前。

编辑条件对话框,选项列表已展开,选项列表“添加自定义名称?”处于高亮状态

接着勾选应当显示该选项的选项值,这里是是,然后在对话框中点击保存。如果所有选项都不勾选,则任何选项都能匹配。

勾选“是”作为显示该选项的值

这样,被控制的选项在商品页上会一直隐藏,直到顾客选择了匹配的选项,随后便会自动显示。

预览中只有“添加自定义名称?”这一问题,名称字段处于隐藏状态
预览中选择了“是”,因此“输入您的文字”及其字体和颜色选项显示出来

选项列表自身也有一个条件部分,因此问题本身也可以根据选项集中的另一个选择来显示或隐藏。

更新于:17/10/2026