色板 (Swatches)

原文地址

客户对颜色比较敏感,产品描述要能够准确表现可供挑选的颜色、图案或者纹理,这很重要。例如,下面的示例中,女紧身裤可供选择的颜色不是简单的红色、绿色和蓝色,而是特定的蓝色、绿色、和红色,这可能是该产品的独特之处。

可配置产品,可以通过可视色板、文本色板或下拉输入控件来表示。色板可以用在产品详情页、产品列表页以及分层导航中。在产品详情页(译者注:产品列表页也可以),色板选中后,会立刻展示对应的产品图片。选中色板后,色板会被描边,表示该色板已经被选中,同时会显示对应的值(比如 Yellow)

Swatches on Product Page

文本色板

如果不可用图像表示,则可以使用文本,它看起来就像是带文本标签的按钮,不过表现行为和图像色板没有差别。文本色板用来表示可选择的尺寸时,不可选购的将被划掉。

分层导航(Layered Navigation)中的色板

color 这个 Attribute 的设置中,如果 Use in Layered Navigation 这个属性设置为 Yes,那么这个色板就可以被用在分层导航中。

注:Use in Layered Navigation 有三个可选项:No/Filterable (with results)/Filterable (no results) (后两个表示 Yes)

visual swatches (图片或颜色色板)如下图:

文本类型的色板

2 comments

  1. 增达网

    如果上天再给我一次机会,我会对你的博客说,下次还来看你!

    1. Pisces Post author

      哈哈,谁不给你机会了?

发表评论

电子邮件地址不会被公开。 必填项已用*标注