图片色板选项让顾客从一组命名的图片中挑选,每个选择都会切换画布上显示的图案。当设计有真正的视觉变化时,例如同一插画的不同配色,就适合使用这个选项,而不是像选项列表那样的普通选择器。

添加方法:在侧边栏中前往选项集,打开商品对应的选项集,点击添加选项,在选择列表下选择图片色板,然后点击添加。

侧边栏导航中的选项集
选项集编辑器中的添加选项按钮
添加选项菜单,已在选择列表下选中图片色板

内容

内容部分用于控制标签、顾客可选的图片以及它们的显示方式。

  • 标签:显示在选择器上方的字段名称,默认为“Image swatch”
  • 默认图片:独立的备用图片,可从素材库中的任意素材中选取,不一定是下方色板值中的某一个
  • 图片集:初始为空,可通过添加图片(上传或选择单个文件)和从文件夹导入(批量添加素材文件夹中已有的所有文件)来填充
内容面板,包含标签、默认图片,以及显示添加图片和从文件夹导入按钮的空图片集

点击从文件夹导入会打开素材库。图片色板直接读取文件夹自身的图片文件,因此像“Choose Color”这样的单层文件夹可以直接使用。请在文件夹列表中勾选该文件夹的复选框(不要点进文件夹,因为点击文件夹名称会打开它而不是选中它),然后点击完成。

图片对话框,文件夹列表中 Choose Color 文件夹的复选框已勾选

该文件夹中的每个文件都会成为图片集中的一个值,以文件名命名,第一个会自动设为默认。

导入后的内容面板,图片集中显示 Black、Blue、Brown、Green、Navy 和 Pink,其中 Black 标为默认
  • 显示样式:选择缩略图将每个值显示为图片方块,选择按钮将它们显示为文字按钮,或选择下拉菜单将它们显示为选择菜单
选项集预览,显示按钮显示样式,每种颜色为一个带标签的按钮
选项集预览,显示下拉菜单显示样式,呈现为选择菜单

在画布上的呈现方式

这正是图片色板与选项列表的区别:选择一个值不只是记录一个选择,还会用该图片重绘此选项自己的画布图层。选择 Pink 后,效果图上的图案会立即切换为粉色版本。

选择 Pink 后的画布和选项集预览,显示粉色猫咪图案呈现在衬衫上

条件

与大多数选项类型一样,图片色板也支持自己的条件,因此您可以根据选项集中其他位置的选择来显示或隐藏它。由于每个值都有自己的名称(Black、Blue、Brown……),这些名称也会作为单独的条目出现在其他选项的条件选择器中,与选项列表的各个选项一样。如需设置,请参阅《条件选项集》指南。

更新于:17/07/2026