> For the complete documentation index, see [llms.txt](https://nova.docs.shoplazza.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nova.docs.shoplazza.com/index-cards/product-list.md).

# 商品列表

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->添加卡片->素材->选择商品列表
{% endhint %}

### 内容

* 添加专辑：支持绑定专辑

![](/files/-MNMxd66w3uUDIKqWAHl)

### 设置

* 标题：设置标题文案
* 描述：设置描述文案
* 查看更多商品：开启后显示“查看更多商品“按钮并跳转到相应专辑页
* 文字布局：
  * 居左：文字（标签，商品标题，价格）居左
  * 居中：文字（标签，商品标题，价格）居中
* 格子间距：可设置商品与商品之间的间距为15px, 20px, 30px, 40px
* 商品分栏：可设置把商品分为2-6栏
* 商品行数：可设置展示商品的行数为1-3行

![](/files/-MNMxiET6i6WmEg7OkD-)

### 字体排版

* 开启标题全大写：支持快速开启标题全大写
* 标题字号
* 标题字间距
* 描述字号
* 描述字间距
* 描述行高

![](/files/-MNMyPWWsT24q-2G6L4x)

### 颜色

* 背景：设置卡片背景颜色***（建议使用浅色背景）***
* 标题：设置标题颜色
* 描述：设置描述颜色
* 按钮边框：设置按钮边框颜色
* 按钮背景：设置按钮背景颜色
* 按钮文字：设置按钮文字颜色

![](/files/-MNMyUjmfYMRl9SVkWgN)

### 布局

* 内容留白：设置当前图标文字卡片上，下，左，右的留白***（单位为px,  只需输入数值，上下不输入时不留白，左右不输入时默认跟随全局）***
* 最大内容宽度：卡片内容的最大宽度***（单位为px,  只需输入数值，不输入时默认跟随全局内容宽度）***

![](/files/-MNMyk8kkoCH9iUrABX2)