在插件市场中，用户可添加商品列表插件。该插件以简洁明了的列表形式，将商品的图片及关键信息，如名称、销量、价格、关键属性等直观地以商品卡的样式展示出来，满足不同商品的个性化展示需求，还可通过配置实现点击跳转到网页/仪表盘，让用户能够在最短时间内获取到最核心的内容，极大提高了信息浏览的效率。*（此插件为付费插件包，如需购买请联系商务）

2.1 数据集要求

商品列表插件支持展示商品图片，因此，数据集中应包含图片地址字段放置图片的URL地址。
若当前数据底表未包含商品图片地址字段，可另建一张图片表。商品与图片地址应一一对应，不可出现同种商品有多个图片地址的情况。
图片数据源示例：

错误案例：

搭建好图片数据源后，可在可视化建模中将图片表与商品订单表/基本信息表进行连接。

商品基本信息表结构示例：

2.2 使用过程示例

第一步，进入可视化查询，在“图表”最下方，选择加号“从市场中获取”，找到商品列表插件点击添加。添加后，商品列表插件图标将出现在图表列表中。

第二步，按照图表需求放入商品ID、商品图片、标签、指标、筛选项。

• 商品ID：可放置1个维度。若将“类别”放在商品ID中，则一个商品卡将对应一类商品的信息。若将“订单ID”放在商品ID中，则一个商品卡将对应一条订单的商品信息。通常来说，为使信息更简洁明了，建议使用商品名称或者类别
• 商品图片：放置图片URL
• 标签：可放置1个维度。标签将展示在商品卡的右上角作为提示
• 指标：可放置1个或多个指标，将展示在商品卡的下方。可设置聚合方式
• 筛选：可放置筛选项，为非必填项

2.3 应用场景

「商品列表」这一可视化插件包可在大消费行业与电商行业中广泛应用，具体应用场景如下：

• 市场调研分析：可以直观查看不同品类商品的销售情况及关键属性等信息，快速对比各类商品在市场中的表现，助力企业制定更精准的市场策略。例如在研究饮品市场时，能清晰对比不同品牌饮料的销量、价格以及消费者关注的关键属性等。
• 门店商品管理：通过商品列表快速了解各门店的商品库存、销售数据及类目信息，以便合理调配货物和优化商品陈列。比如对于连锁超市，可以轻松掌握各门店中生鲜商品的销售速度和剩余库存，及时进行补货和调整陈列位置。
• 电商店铺运营优化：电商企业可以快速查看店铺中各类商品的销售情况和关键信息，针对性地进行商品推荐和促销活动策划。例如在电商大促期间，根据商品列表中的销量和价格数据，对畅销商品进行重点推广，对滞销商品进行降价促销。
• 竞品分析：直观对比自家店铺商品与竞品的差异，包括图片展示效果、价格优势、销售数据等，以便优化自身产品策略。比如在服装电商领域，可以详细对比同一款式服装在不同店铺的售价、销量等关键数据，找到自身的竞争优势和不足。

3.1 样式配置

3.1.1 标签颜色

在编辑栏左侧“标签颜色”中，支持对标签设置颜色，可设置至多五种标签颜色。

3.1.2 布局与尺寸

在编辑栏左侧“布局与尺寸”中，支持设置商品卡宽度、每行数量、商品卡间距、图片比例、指标卡每行个数。

• 可设置商品卡宽度规则，选择适应容器（铺满画面）或自定义。若选择自定义，可在下方设置商品卡宽度。

• 可设置每行最多显示商品卡数量和每行最多显示指标卡数量。设置后，商品卡及指标卡将按照设置的数量进行行列排布。

• 可设置指标卡间距。
• 可设置图片比例为默认、1：1、4：3、16：9，统一图片比例后，商品卡画面将更整齐。

3.1.3 指标名称配置

指标卡中的指标名称可在“指标”下拉栏-“设置字段信息”进行修改。

3.1.4 指标单位配置

指标卡中数据默认无单位，可在“指标”下拉栏中选择“设置数据格式”-“数字”，设置后缀单位及小数位数，使数据更清晰，减少单位缺失导致的混淆。

3.2 分析配置

商品列表可视化插件支持排序、topN、百分比、对比、同环比分析配置。

• 支持对商品卡进行排序

• 支持仅展示TOP N商品

• 支持进行百分比、对比、同环比计算，计算后结果将出现在指标卡中

3.3 跳转设置

将可视化查询保存至仪表盘后，可在仪表盘中设置跳转，实现点击商品卡跳转至网页/仪表盘的效果。（详见：图表跳转）

3.3.1 跳转至网页

进入仪表盘编辑页面，选择商品列表图表，点击右上角三个点，选择跳转设置。

在跳转设置中，选择跳转至网页，选择打开位置，在目标网页URL中输入跳转的网页地址。可将字段值{字段名}作为参数输入url跳转规则。如图所示，则选择高跟鞋指标卡时会跳转到https://www.baidu.com/s?wd=高跟鞋，即在百度中搜索“高跟鞋”。

3.3.2 跳转至仪表盘

进入仪表盘编辑页面，选择商品列表图表，点击右上角三个点，选择跳转设置。

选择跳转至仪表盘，选择打开位置，在列表中选择目标仪表盘（仅可选择有访问权限的仪表盘）。

若需要实现点击不同商品卡，跳转后的仪表盘呈现只展示该商品数据的效果，需要满足以下条件：
（1）当前图表含有筛选项
（2）目标仪表盘含有公共筛选器
（3）当前图表筛选项与公共筛选器维度相同
满足条件后，打开跳转设置-带筛选条件跳转，将当前图表筛选器与目标仪表盘公共筛选器进行关联，即可实现仪表盘跳转。如下图中，若点击高跟鞋商品卡进行跳转，则目标仪表盘的公共筛选器将筛选“商品类别=高跟鞋”，跳转后仪表盘只展示类别为高跟鞋的订单数据。