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

# 商品轮播

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

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz-EApg2PzULiMnAB%2F-MNMz9-vxIDQteeU1ud6%2F%E5%95%86%E5%93%81%E8%BD%AE%E6%92%AD.png?alt=media\&token=b81fc65b-cf42-484b-b816-d8f778e1ce85)

### 内容

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

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz-EApg2PzULiMnAB%2F-MNMzD1SnYPb96Uxw4u9%2F%E5%95%86%E5%93%81%E8%BD%AE%E6%92%AD-%E5%86%85%E5%AE%B9.png?alt=media\&token=f95496ff-9866-4ec1-87b8-4f75a5bfef85)

### 设置

* 标题：设置标题文案
* 描述：设置描述文案
* 文字布局：
  * 居左：文字（标签，商品标题，价格）居左
  * 居中：文字（标签，商品标题，价格）居中
* 格子间距：可设置商品与商品之间的间距为15px, 20px, 30px, 40px
* 商品分栏：可设置把商品分为2-6栏
* 商品数量：可设置展示商品的数量为1-12&#x4E2A;***（仅当商品数量大于商品分栏时开启展示切换按钮）***

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz-EApg2PzULiMnAB%2F-MNMzHtcXMfRsxb93TOb%2F%E5%95%86%E5%93%81%E8%BD%AE%E6%92%AD-%E8%AE%BE%E7%BD%AE.png?alt=media\&token=d6882de2-c857-45ac-b844-ef8bbee69355)

### 字体排版

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

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz-EApg2PzULiMnAB%2F-MNMzMCwSknyNnCIerWE%2F%E5%95%86%E5%93%81%E8%BD%AE%E6%92%AD-%E5%AD%97%E4%BD%93%E6%8E%92%E7%89%88.png?alt=media\&token=9ed86a5d-55b6-4f0e-9636-9f4f9fc6d8cc)

### 颜色

* 背景：设置卡片背景颜&#x8272;***（建议使用浅色背景）***
* 标题：设置标题颜色
* 描述：设置描述颜色

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz-EApg2PzULiMnAB%2F-MNMzQ8HncDQr77NhzLo%2F%E5%95%86%E5%93%81%E8%BD%AE%E6%92%AD-%E9%A2%9C%E8%89%B2.png?alt=media\&token=0fed462d-e3af-430b-bd36-2ac6a55c0cf5)

### 布局

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

![](https://2759580381-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMJo7oHWsP2ZtS_td9K%2F-MNMz-EApg2PzULiMnAB%2F-MNMzTjuVDJpd8Bs7qIE%2F%E5%95%86%E5%93%81%E8%BD%AE%E6%92%AD-%E5%B8%83%E5%B1%80.png?alt=media\&token=63528537-5cb0-4422-89da-c746c5ec80b0)
