> 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-tab.md).

# 商品切换

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

![](/files/-MNMzkD81k01hBOAx9K0)

### 设置

* 文字布局：
  * 居左：文字（标签，商品标题，价格）居左
  * 居中：文字（标签，商品标题，价格）居中
* 格子间距：可设置商品与商品之间的间距为15px, 20px, 30px, 40px
* 商品分栏：可设置把商品分为2-6栏
* 商品行数：可设置展示商品的行数为1-3行

![](/files/-MNN0jx0D07VSeXPNcdd)

### 字体排版

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

![](/files/-MNN0t-x27oVTYbsOOUr)

### 颜色

* 背景：设置卡片背景颜&#x8272;***（建议使用浅色背景）***
* 标题：设置标题颜色
* 标题（选中）：设置选中时标题的颜色

![](/files/-MNN18aJHoWl-TWXqdjE)

### 布局

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

![](/files/-MNN1Dw2OGtkBnnUmB2H)

### **内容**

* 添加专辑：支持绑定专&#x8F91;***（专辑名称替换Tab Title）***

![](/files/-MNN1IFILS1XTmasCMKK)
