在下面的例子中,Sylvia Capris 可供选购的有特定的红色、绿色和蓝色。因为色板取自产品图像,所以每个色板都是颜色的真实表示。color 属性用来管理所有产品的颜色和色板信息。
步骤一:创建色板
使用以下任一方法创建色板
方法一:添加一个颜色色板
- 使用你喜欢的图像编辑器打开产品图片,用拾色器拾取对应的颜色,记下颜色值。
- 后台侧边栏,点击 Stores > Attributes > Product
- 在列表中,找到 color ,点击进行编辑
- 验证 Catalog Input Type for Store Owner 被设置为 Visual Swatch
- 在 Manage Swatch 下点击 Add Swatch ,然后做以下事情:
a. 点击新色板,弹出菜单,选择 Choose a color
b. 在拾色器中输入之前取得的颜色值
c. 点击右下角的颜色图标(),保存该颜色。
d. 在 Admin 这栏输入 label 用于后台查看的标签。如果合适,给每种语言设置对应的颜色的翻译。在下面的例子中,我们在 Admin label 中包含了产品的 SKU ,因为该颜色用于特定的产品。您可以在 label 中使用空格或者下划线,但不要使用连字符。
e. Is Default 栏中,选择作为默认值的色板
f. 要改变色板的顺序,只需要简单地拖动色板到特定位置。
- 完成后,点击 Save Attribute,然后提示刷新缓存
- 最后一步就是编辑产品,更新产品的 color 属性。要批量修改产品,请参考下面的步骤。
方法二:上传图像色板
- 使用图像编辑器打开产品图片,选取一小块能够代表颜色、图案、纹理的区域保存。尺寸取决于 theme 。一般来说,保存成正方形有利于保持纵横比。
- 后台侧边栏,点击 Stores > Attributes > Product
- 在列表中,找到 color ,点击进行编辑
- 验证 Catalog Input Type for Store Owner 被设置为 Visual Swatch
- 在 Manage Swatch 下点击 Add Swatch ,然后做以下事情:
a. 点击新色板,弹出菜单,选择 Upload a file
b. 选择准备好的图片,上传
c. 重复上述步骤,给所有色板都设置好图片
d. 在 Admin 这栏输入 label 用于后台查看的标签。如果合适,给每种语言设置对应的颜色的翻译。在下面的例子中,我们在 Admin label 中包含了产品的 SKU ,因为该颜色用于特定的产品。您可以在 label 中使用空格或者下划线,但不要使用连字符。
- 完成后,点击 Save Attribute,然后提示刷新缓存
- 最后一步就是编辑产品,更新产品的 color 属性。要批量修改产品,请参考下面的步骤。
步骤二:更新产品
- 后台侧边栏,点击 Products > Inventory > Catalog
- Filter 筛选出需要修改的产品,下面的例子根据部分产品名称进行筛选。
- 在列表中,勾选出此次要更改的产品,在本例中,所有蓝色的紧身裤被选中,然后,在 Actions 中选择 Update Attributes
- 向下拉找到 color 属性,勾选 change 复选框
- 选择应用的色板,点击 Save 刷新缓存