Hero主题：商品轮播卡片配置指南

商品轮播卡片使用简约的呈现方式，可轮流播放所关联专辑内的商品，便于顾客浏览您店铺主推的专辑，增加商品曝光度，进而提升转化率。本指南将帮助您了解如何在 Hero 主题中配置商品轮播卡片。

配置商品轮播卡片可起到以下作用：

• 优化店铺首页排版，为整体增添设计感，提升视觉丰富度。
• 优先展示需特定宣传的商品专辑。

添加商品轮播卡片

1. 登录您的Shoplazza管理后台，点击在线商店 > 主题装修 > 编辑，进入Hero主题装修页面。

2. 进入装修首页，点击左侧卡片列表下方的添加卡片按钮。

3. 在扩展卡片列表中找到并选择商品轮播卡片，也可以直接在顶部卡片搜索框中输入商品轮播进行查找选择卡片。

4. 使用卡片右侧的拖动按钮，可上下拖动商品轮播卡片的位置。

商品轮播卡片内设置

点击已添加的商品轮播卡片，进入具体内容设置。

商品轮播卡片标题

在标题框中，输入自定义的卡片名称。

专辑

点击选择专辑，选择需在此展示的商品专辑。如果您想了解关于专辑的更多信息，请点击查看帮助文档：商品专辑。

描述

可在描述框中编辑所选专辑的更多细节信息或品牌文化宣传文案。

其他功能

1. 开启“view more”按钮，顾客点击此按钮可跳转至所展示专辑的详情页，能够浏览更多专辑内的商品。

2. 卡片内PC端每行商品数量可通过拖动数量滑块来调整。

3. 卡片内显示商品数量可通过拖动数量滑块来调整。

4. 开启自动切换商品按钮，并通过拖动滑块来调整商品切换时间，可实现让商品在规定时间内自动轮播的效果。

款式风格设置

1. 点击开启折扣标签按钮，可为商品展示折扣角标信息。

2. 折扣金额风格下拉框内，可为折扣角标选择展示折扣金额或折扣百分比。

3. 前两个色卡对应折扣角标的配色，后两个色卡对应商品价格的配色，可按需调整。

4. 在标题字体处，点击更换，可选择调整卡片标题字体类型。

5. 在标题字号处，通过拖动滑块，可调整标题字号大小。

6. 圆角度下拉框内，可选择调整商品图展示框的风格为圆形或方形。

7. 开启快速加购按钮，点击加购角标可快速加购商品至购物车。快速加购位置下拉框可调整加购角标的位置为右上方或右下方。

8. 点击快速加购弹窗圆角度下拉框，可选择弹窗边框款式为方形/微圆/圆形。需注意：点击快速加购按钮，只有加购含有多子款式的商品时，才会触发此弹窗。

9. 点击按钮圆角度下拉框，可为“view more”按钮选择边框风格为方形/微圆/圆形。

10.下方两个色卡，可为“view more”按钮配置自定义颜色。

卡片间距留白

间距留白配置项让您可设置自定义的卡片边距（分别添加四周边距或点击中间的链接按钮为四周添加相同边距）。

以下为四个方向都设置30px间距的示例。

点击PC端图标/手机图标按钮，可分别设置和预览PC端/移动端的卡片效果。

商品轮播卡片可以为新顾客展示您的推荐专辑商品，能让顾客快速了解商品品类，吸引顾客促成交易。