商品集组件
使用场景
商品集列表组件是一种展示商品集合的组件，通常用于展示商品集合的图片、名称等信息。以下是一些常见的商品集列表组件使用场景：
- 1、 商品展示：商品集列表组件可以用来展示商品集合的图片、名称等信息，让用户可以更直观地了解商品集合的内容。
- 2、 商品推荐：商品集列表组件可以用来展示推荐商品集合的图片、名称等信息，让用户可以更直观地了解推荐商品集合的内容。
总之，商品集列表组件组件可以用于展示商品集合的图片、名称等信息，让用户可以更直观地了解商品集合的内容。在电商网站、在线商城等项目中有着广泛的应用。
组件视图
组件使用
从组件树中找到【商品集】，按住鼠标拖入到画布，即向页面中添加了一个商品集组件。
配置说明
当选中商品集组件后，可以对其做细化配置：
内容
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| 标题 | 自定义商品集标题 | |
| 标题对齐方式 | 可选 ’左对齐‘ 和’居中‘ | |
| 标题文字颜色 | 标题字体颜色 |
显示
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| 图片比例 | 设置图片宽高比，有 4:3，3:4， 1:1 选项 | |
| 图片填充方式 | 有填充和自适应两种选项 | |
| 一行展示的商品系列数（网页端） | 默认一行展示 3 个， 范围 1-4，步长 1 | |
| 一行展示的商品系列数（移动端） | 默认一行展示 2 个， 范围 1-2，步长 1 | |
| 显示“全部展示”按钮 | 默认关闭，打开后在组件下方显示「全部展示」按钮 | 点击全部展示跳转到商品集页面 |
| 商品集背景颜色 | 设置该组件的背景色及透明度 | |
| 按钮背景颜色 | 「全部展示」按钮背景色及透明度 | |
| 按钮文字颜色 | 「全部展示」按钮文字颜色 | |
| 开启轮播展示 | 默认关闭，打开之后商品集以轮播的形式展示 |
注意事项
1、「全部展示」按钮只有在商品集数量超过两行才展示，例：一行显示 3 个，那么只有商品集数量大于 6 展示
2、 轮播展示需要商品集数量大于 1