SHOPLINE商品筛选&色板

SHOPLINE 应用中心的商品筛选&色板插件可以帮助商家高效灵活地配置在线商店的商品筛选和商品规格颜色匹配，给到客户更好的购物体验。针对【商品筛选】，将根据所录入的商品规格为生成可批量选择过滤的筛选器。启用功能后，商店页中将会显示设置的筛选器，协助客户在购物中更快速筛选到所需商品的规格及属性，帮助提升店铺转化。

针对【色板功能】，将根据所录入规格包含的多种颜色名称自动匹配色卡，启用功能后，可以在商品详情页，列表页等页面展示不同颜色的色卡，用绚丽的色卡代替枯燥的文字，帮助提升店铺转化。可以点击色板博客文章查看应用效果。

一、安装应用

1、点击【应用】，于【应用市场】中搜索【商品筛选&色板】。

2、安装后即可开始使用【商品筛选&色板】插件。

3、【商品筛选&色板】核心分为三个功能板块：色板、筛选、排序。

4、针对每个板块的配置的具体信息，请查阅以下内容。

二、添加商品色板

当已安装了【商品筛选&色板】插件后，通过配置色板，将能高效为商品的规格匹配颜色，持续提升用户选购体验，请查看以下步骤：

1、于【商品筛选&色板】界面，【色板】选项卡中点击【选择规格】。

2、系统将会显示所有已创建的商品规格及关联的商品数量，勾选需要匹配色板的商品规格即可为自动创建新色板。可以为每一种规格创建一个色板。

3、为了适配更多使用场景，SHOPLINE 提供两种匹配颜色的方案：【精准匹配】和【模糊匹配】。

• 精准匹配颜色：商品规格属性需完全符合国际颜色命名列表方可匹配（例如属性值必须是 Red ,才能匹配到红色）；
• 模糊匹配颜色：根据店铺内规格的文本信息(支持多语言）与颜色的自动匹配。（例如属性值是 Light Red，也可匹配到红色）。

注意：商品规格入口：「商品」＞「商品管理」＞「多款式」。如：规格下颜色录入为【Light Red】即可以匹配到【红色】的色值。

4、当规格名称无法自动匹配颜色时，可以手动配置该规格的图片/颜色，或开启智能匹配商品图片（未匹配色值的规格将自动适用商品规格图或SKU图）。

三、编辑色板样式

针对已配置的色板参数，可通过于【色板】->【展示配置】中配置于【商品详情页面】和【商品列表页】的展示样式：

1、色板样式配置

• 可直接选择预设样式：圆形、方形、圆角距形；
• 自定义样式：不透明度、圆角半径、尺寸、厚度。
• 注意：自定义配置的尺寸、厚度样式仅针对商品详情页生效，商品列表页面展示不支持配置。

2、配置特殊样式

• 可直接配置三种预设的气泡样式；
• 支持针对气泡颜色进行自定义；
• 另外，可根据实际需求针对某个色块于商品详情页面进行分行展示并配置特殊样式标题。

3、商品详情页面配置

• 支持在 Add to cart 色板中配置是否展示色板。

4、商品详情页面配置

• 展示售罄样式：开启后，售罄的款式会展示为缺货样式；
• 色块展示配置：支持1行、2行或者全部展示的样式方案；
• 超出限制展示方式：支持配置为展示更多图片、展示数量；
• 展示位置：可配置于商品信息上方、商品展示信息上方；
• 切换商品图方式：支持鼠标悬停色板切换、或鼠标点击色板切换；
• 商品图裁剪规则：支持跟随主题或默认样式。

注意：

• 切换商品图方式仅作用于电脑端；
• 商品商图裁剪规则仅针对商品列表页。

5、配置效果说明

如配置成功，于商品详情页面的展示效果如下图示意。

四、筛选功能说明

进入筛选器后，可以点击添加筛选类型，SHOPLINE为提供了【规格】、【标签】、【价格】、【库存】【商品厂商】五种筛选类型。可以点击添加需要的筛选器类型，对该类型下的选项进行编辑，请查看以下的步骤：

1、在【商品筛选&色板】界面，【筛选】选项卡中点击【添加筛选类型】。

2、目前【添加筛选类型】支持规格、标签、价格、库存、商品厂商创建筛选类型。

3、当选中对应的筛选类型，插件将自动获取当前店铺关联商品对应当前筛选类型的筛选值，通过选择对应的筛选值即可创建筛选器。

4、配置筛选器于商品列表页面的位置。

• 移动端：支持侧边滑出、底部弹出；
• 电脑端：支持固定左侧、固定顶部。

5、配置筛选器的收起方式

• 选择后：客户选择筛选值后自动收起；
• 确认后：客户选则筛选值并确认当前筛选条件后自动收起。

6、配置效果说明

如配置成功，于商品详情页面的展示效果如下图示意。

五、排序功能说明

针对配置排序内容，可设置【在线商店】对应商品的排序方案或自定义排序名称，请查看以下的步骤：

1、店铺商品排序配置

支持开启或关闭对应的排序方式、或自定义排序方式名称：

• 推荐
• 销量从高-底
• 更新时间新-旧
• 更新时间旧-新
• 售价低-高
• 售价高-低

2、推荐排序设置

全部商品页应用，支持以下的排序条件：

热销

• 转化率高-低
• 浏览量高-低
• 商品名字A-Z
• 商品名称Z-A
• 创建时间旧-新
• 创建时间新-旧
• 更新时间旧-新
• 更新时间新-旧
• 售价高-低
• 售价低-高
• 加购率高-低

针对单个商品分类，亦支持以下的排序条件：

• 热销
• 转化率高-低
• 浏览量高-低
• 商品名字A-Z
• 商品名称Z-A
• 创建时间旧-新
• 创建时间新-旧
• 更新时间旧-新
• 更新时间新-旧
• 售价高-低
• 售价低-高
• 加购率高-低
• 自定义

六、色板颜色对照表