> 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" %}
**设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->添加卡片->素材->选择商品轮播
{% endhint %}

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz_5fzGOVjA6UdqCe%2F-MNMzkD81k01hBOAx9K0%2F%E5%95%86%E5%93%81%E5%88%87%E6%8D%A2.png?alt=media\&token=5955c38a-0d76-44bb-8748-1ff73e6864a8)

### 设置

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

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz_5fzGOVjA6UdqCe%2F-MNN0jx0D07VSeXPNcdd%2F%E5%95%86%E5%93%81%E5%88%87%E6%8D%A2-%E8%AE%BE%E7%BD%AE.png?alt=media\&token=8cad6146-e072-4de3-a5d4-2c95d4b1d6d9)

### 字体排版

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

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz_5fzGOVjA6UdqCe%2F-MNN0t-x27oVTYbsOOUr%2F%E5%95%86%E5%93%81%E5%88%87%E6%8D%A2-%E5%AD%97%E4%BD%93%E6%8E%92%E7%89%88.png?alt=media\&token=acaf0857-d0e8-408f-a41d-639299bbc7d8)

### 颜色

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

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz_5fzGOVjA6UdqCe%2F-MNN18aJHoWl-TWXqdjE%2F%E5%95%86%E5%93%81%E5%88%87%E6%8D%A2-%E9%A2%9C%E8%89%B2.png?alt=media\&token=c9b507f3-08c6-4a42-aaaf-ca725f7e3eee)

### 布局

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

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz_5fzGOVjA6UdqCe%2F-MNN1Dw2OGtkBnnUmB2H%2F%E5%95%86%E5%93%81%E5%88%87%E6%8D%A2-%E5%B8%83%E5%B1%80.png?alt=media\&token=0c841a6b-868d-4f96-82a3-9c3c0e00660e)

### **内容**

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

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz_5fzGOVjA6UdqCe%2F-MNN1IFILS1XTmasCMKK%2F%E5%95%86%E5%93%81%E5%88%87%E6%8D%A2-%E5%86%85%E5%AE%B9.png?alt=media\&token=71ba4523-135a-42ec-8f8f-91d9d8049241)