# 安装主题

1. 网站后台->店铺装修->主题装修。
2. 在主题列表中找到NOVA主题，点击添加到列表。
3. 在最近添加中找到NOVA主题，点击编辑->进入到主题装修界面。
4. 确认装修完成后，点击发布后完成安装。

![](/files/-MNN_l1ki8Eqh6xvibQo)

![](/files/-MNNa0jTAw984jca1lPf)

![](/files/-MNNaIWEYGzpqfCBiTNl)

![](/files/-MNNaTN8wi3iJ-NwryXp)


# 使用说明

### 支持语言：

* 英文

### 支持插件：

* 满减活动
* 限时促销
* 优惠码
* 弹窗公告
* 浮窗通知
* 满送优惠
* 捆绑销售
* Add to cart设置
* 评论
* 货币切换
* 尺码表
* 社交登录
* Facebook Messenger插件
* Google表单工具
* 表单工具（自定义代码）
* 会员系统
* 商品置顶
* 款式组合
* 店铺多语言


# 更新日志

【2021.03】

1. 兼容：会员系统插件

【2021.01.22】

1. 新增：全局设置-商品-加购，新增“类型“配置项
2. 新增：兼容Google表单工具
3. 新增：兼容表单工具（入口：仅支持自定义）
4. 优化：分页配置优化，PC和移动端同步
5. 新增：专辑详情页-侧边栏导航新增“导航标题“配置项
6. 优化：三级菜单体验优化

【2020.12.25】

1. 新增：instagram卡片
2. 新增：博客卡片

【2020.12.22】

1. 新增：商品详情页支持展示副标题、销量、Sku、重量、条形码、库存。
2. 优化：移动端商品轮播显示样式优化。
3. 新增：商品详情页库存提示，新增“展示随机数“配置项。
4. 新增：搜索新增样式“点击后展开”。
5. 新增：Nova\&Nova Christmas支持Google结构化数据

【2020.12.10】

1. 优化：专辑列表卡片优化（格子间距新增“无间距”；分栏扩展1-6栏；支持调整标题和副标题字体排版）。
2. 新增：新增图集卡片。

【2020.12.03】

1. 新增：兼容捆绑销售\&Add to Cart设置插件。
2. 新增：经典幻灯卡片 新增“开启文字和按钮”的设置项。当关闭此设置项时，支持把链接添加到整张图上。
3. 新增：经典幻灯卡片 新增“开启雪花效果”的设置项。
4. 新增：全局设置-颜色-常规设置 新增“浅色边框”设置项。
5. 新增：全局设置-购物袋-购物袋图标 新增“购物袋带数字“配置项。
6. 新增：页尾-支付图标 新增“支付图标最大宽度”设置项。
7. 优化：商品详情页变体切换优化为变体均可点击，当商品售空且后台设置不可售时按钮显示售空。变体不存在时，显示不可售。
8. 优化：商品详情页表格样式展示优化。
9. 优化：进行包括页面加载速度在内的体验优化。


# 布局

{% hint style="info" %}
**设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->导航->常规设置
{% endhint %}

* **头部布局：**LOGO靠左**（*****LOGO，菜单在同一行上显示*****）**；LOGO在中间，与菜单分两行**（*****LOGO和菜单分开上下两行，居中显示*****）**
* **PC端头部高度：**设置页头高度，单位是像素，只需要输入数字。
* **PC端菜单高度：**设置菜单高度，单位是像素，只需要输入数字。***（仅在头部布局为：LOGO和菜单分开上下两行时有效）***
* **移动端头部高度：**设置移动端头部高度，单位是像素，只需要输入数字。

![](/files/-MNM_1d3ziW4oBe_EwyA)

![](/files/-MN7YKXbUTa0zC7CEIA4)


# 页头置顶

{% hint style="info" %}
**页头置顶设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->导航->常规设置
{% endhint %}

**开启头部置顶：**开启头部置顶后，向上滚动页面时，头部停留在顶部。

![](/files/-MN7IrqNSgsgtFeW94XN)


# 公告

{% hint style="info" %}
**公告设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->导航->公告栏
{% endhint %}

* **启用：**开启公告后，其他设置项才可见。
* **内容：**设置公告内容，可设置加粗，斜体和添加链接。
* **最小高度：**设置公告栏最小高度，当文字换行时自动撑高，高度单位为像素。***（输入框只需要填数值）***
* **背景颜色：**公告栏的背景颜色，效果应用在整行背景上。
* **文字颜色：**公告栏文字颜色。
* **字号：**设置文字的大小。
* **字间距**：设置文字之间的间距。
* **显示位置：**可设置为仅首页显示，或所有页面。

![](/files/-MNM_Rt8lam56YL8ZAyJ)


# LOGO

{% hint style="info" %}
**LOGO设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->导航->LOGO
{% endhint %}

* **PC端LOGO图片：**上传LOGO图片，为了保证LOGO为高清效果，请上传尺寸较大的图片（*建议上传LOGO大小为LOGO宽度的2倍*）
* **PC端LOGO宽度：**设置你想展示的LOGO的宽度，单位为像素，只需输入数字。
* **移动端LOGO图片：**同PC端LOGO设置方法一样。
* **移动端LOGO宽度：**同PC端LOGO设置方法一样。

{% hint style="warning" %}
注意：当不设置LOGO宽度时，即使上传了LOGO图片也不能生效。
{% endhint %}

![](/files/-MNMaXaHdCFCOXSII6YP)


# 菜单

{% hint style="info" %}
**添加菜单：**网站后台->店铺装修->菜单导航
{% endhint %}

1. **新增菜单：**设置菜单名称例如“*顶部菜单*”
2. **添加菜单目录：**新建菜单项，并设置好层级。

![](/files/-MNMbHjtqlB7wjjFhD7K)

![](/files/-MNMbQJKzpp0ThZwq7GI)

{% hint style="info" %}
**设置菜单：**网站后台->店铺装修->主题装修->编辑->卡片装修->导航->菜单
{% endhint %}

* **菜单导航设置:** 选择上一步添加好的菜单
* **移动端菜单导航设置：**按照上面的步骤添加菜单，再选择设置菜单

![](/files/-MNM_1d3ziW4oBe_EwyA)

![](/files/-MNMcEolekiXDkr8qWRV)

{% hint style="warning" %}
当移动端菜单导航没有设置时，默认会启用***菜单导航设置（PC端设置）***
{% endhint %}


# 混合菜单

{% hint style="warning" %}
**启用混合菜单的条件：**

1. 要挂载的一级菜单必须有三级菜单
2. 触发混合菜单的名称必须与一级菜单名称相同，但不区分大小写
   {% endhint %}

{% hint style="info" %}
**混合菜单：**网站后台->店铺装修->主题装修->编辑->卡片装修->导航->混合菜单广告位
{% endhint %}

1. 添加广告位
2. 填写触发混合菜单的名称
3. 位置可以选择排在文字菜单的左边或右边
4. 广告位类型可以选择商品或自定义内容
5. 自定义内容可以设置：标题，封面图，描述，链接

![](/files/-MNMh6gdKLHzLv5sYC3E)

![](/files/-MNNjMh_Z0Vi7aJIaKor)


# 搜索

{% hint style="info" %}
**搜索设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->导航->常规设置
{% endhint %}

**开启搜索：**开启搜索后，在页头展示搜索输入框。

**搜索样式**：可选择默认展开或点击后展开两种样式。

![](/files/-MP73GFXCwynx20VyI5K)


# 账户

{% hint style="info" %}
账户**设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->导航->常规设置
{% endhint %}

* **开启账户：**开启账户后，在页头账户，登录和注册。
* **账户样式：**可选择文字和图标两种形式。

![](/files/-MNMi8FB2bMcA5UbBaHA)

![](/files/-MNMkt3Zc3k8Q5nzNv7o)


# 布局

{% hint style="info" %}
**布局设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->底部设置
{% endhint %}

### 布局：

* **两端**：版权，菜单在左；支付图标在右
* **居中**：版权，菜单，支付图标上下排列且居中

![](/files/-MNN1neUF1Dm2Sxc15b3)


# 版权

{% hint style="info" %}
**版权设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->底部设置->版权
{% endhint %}

当版权默认为空时，版权为**“© 2020 YOUR SHOP NAME   POWERED BY SHOPLAZZA”。**

![](/files/-MNN2-vfQnzsBvHamr3l)


# 自定义链接

{% hint style="info" %}
**自定义链接设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->底部设置->自定义页面
{% endhint %}

底部自定义链接最多可支持添加三个，链接到自定义页面。

![](/files/-MNN2FIFXzNoL_PPSO0M)


# 支付图标

{% hint style="info" %}
**支付图标设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->底部设置->支付图标
{% endhint %}

* 支付图标：上传支付图标
* 支付图标最大宽度：设置你想展示的支付图标的宽度，单位为像素，只需输入数字。

{% hint style="warning" %}
当不设置最大宽度时，支付图标为了保证高清，请上传实际图片尺寸的两倍。例如想显示的图片尺寸为100\*30px，上传的图片必须为200\*60px。设置数值后按最大宽度取设置的数值。
{% endhint %}

![](/files/-MNbijBRkAbxK8EpWPJD)


# 小工具

{% hint style="info" %}
**小工具设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->小工具->添加内容
{% endhint %}

### 邮件订阅

* **标题：**设置邮件订阅主标题
* **副标题：**设置邮件订阅副标题，可使用加粗，斜体和链接
* **列宽：**设置分栏的宽度 （*当一行添加的小工具宽度之和大于100%时，自动换行*）
* **社交链接**：Instagram, Facebook, Twitter, Pinterest, Youtube

### 自定义菜单

* **标题：**设置小工具标题
* **菜单：**选择菜单 （需提前添加好菜单）
* **列宽：**设置分栏的宽度 （*当一行添加的小工具宽度之和大于100%时，自动换行*）

### 自定义文本

* **标题：**设置小工具标题
* **内容：**添加文本内容，可使用加粗，斜体和链接
* **列宽：**设置分栏的宽度 （*当一行添加的小工具宽度之和大于100%时，自动换行*）

### 占位符

* **列宽：**设置分栏的宽度 （*当一行添加的小工具宽度之和大于100%时，自动换行*）

![](/files/-MNN2az-b9FK2Ws-Avbt)


# 经典幻灯

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

![](/files/-MNMmomaxYkDmQZlsmcG)

### **设置**

* 开启全屏：开启此功能后，幻灯片图片占据整个屏幕***（此设置对图片尺寸有要求，如果图片不够大，会出现上下不能铺满的情况***）
* 自动播放：开启此功能后，幻灯片自动播放
* 轮播时间：设置幻灯片自动播放的延迟时间
* 开启隐藏切换按钮：开启此功能后，隐藏左右切换按钮
* 最大内容宽度：设置数字控制幻灯文字内容区域宽度
* 开启雪花效果：开启此功能后，经典幻灯支持动态雪花功能

![](/files/-MNbbztNDStXhThPcSUB)

### 幻灯内容：

* PC端幻灯图：支持上传图片
* 移动端幻灯图：支持上传图片***（当不上传移动端幻灯图时，自动读取PC端幻灯图，但尺寸比例可能不合适）***
* 开启文本和按钮：***（关闭此设置后，以下配置项仅生效且仅展示“链接“）***
* 标题：设置幻灯主标题
* 副标题：设置幻灯副标题
* 描述：设置幻灯描述
* 按钮文案：设置按钮文案（***此设置不输入时，不显示按钮，同时“按钮链接“不生效***）
* 链接：设置按钮对应的跳转链接***（关闭“开启文本和按钮“设置项时，链接应用于整张图上，否则仅应用于按钮）***
* 布局：
  * 居左：幻灯标题，副标题，描述，按钮居左
  * 居中：幻灯标题，副标题，描述，按钮居中
  * 居右：幻灯标题，副标题，描述，按钮居右
* 开启标题全大写：快速设置主标题全大写
* 开启副标题全大写：快速设置副标题全大写
* 图片蒙层透明度：设置当前幻灯图蒙层的透明度
* 标题颜色
* 副标题颜色
* 描述颜色
* 按钮背景色
* 按钮文字色
* 移动端标题颜色
* 移动端副标题颜色
* 移动端描述颜色
* 移动端按钮背景色
* 移动端按钮文字色

![](/files/-MNbfHN8adFsqLMuoQz5)


# 时尚幻灯

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

![](/files/-MNMn3we__Jz1I5j0MJB)

### **设置**

* 自动播放：开启此功能后，幻灯片自动播放
* 轮播时间：设置自动播放的延迟时间***（当开启“自动播放“时，才能设置轮播时间）***

![](/files/-MNMn9PEN7CpwOkux61k)

### 幻灯内容

* PC端幻灯图：支持上传图片
* 移动端幻灯图：支持上传图片***（当不上传移动端幻灯图时，自动读取PC端幻灯图，但尺寸比例可能不合适）***
* 标题：设置幻灯主标题
* 副标题：设置幻灯副标题
* 描述：设置幻灯描述
* 按钮文案：设置按钮文案***（此设置不输入时，不显示按钮，同时“按钮链接“不生效）***
* 按钮链接：设置按钮对应的跳转链接
* 布局：
  * 左图+右文字：幻灯图居左，文字（标题，副标题，描述，按钮）居右
  * 左文字+右图：幻灯图居右，文字（标题，副标题，描述，按钮）居左
* 开启标题全大写：快速设置主标题全大写
* 开启副标题全大写：快速设置副标题全大写
* 标题颜色
* 副标题颜色
* 描述颜色
* 按钮背景色
* 按钮边框色
* 按钮文字色
* 切换按钮颜色
* 背景色

![](/files/-MNMnH3aFZ_R1m3F-2Eo)


# 时尚图文

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

![](/files/-MNMnOz1ijqQXyRkitly)

### **设置**

* 封面图：支持上传图片
* 主标题：设置幻灯主标题
* 副标题：设置幻灯副标题
* 描述：设置幻灯描述
* 按钮名称：设置按钮文案***（此设置不输入时，不显示按钮，同时“按钮链接“不生效）***
* 按钮链接：设置按钮对应的跳转链接
* 布局：
  * 左图+右文字：图片居左，文字（标题，副标题，描述，按钮）居右
  * 左文字+右图：图片居右，文字（标题，副标题，描述，按钮）居左
* 开启标题全大写：快速设置主标题全大写
* 开启副标题全大写：快速设置副标题全大写

![](/files/-MNMnU0cGAJICbiqBcQE)

### 颜色

* 背景色：设置背景颜色
* 主标题：设置主标题颜色
* 副标题：设置副标题颜色
* 描述：设置描述颜色
* 按钮边框：设置按钮边框颜色
* 按钮背景：设置按钮背景颜色
* 按钮文字：设置按钮文字颜色
* 图片叠层：设置图片叠层颜色

![](/files/-MNMn_lgZazeBWlPxzQ5)

### 布局

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

![](/files/-MNMnh_gWAe8--9bcz_K)


# 图标文字

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

![](/files/-MNMqItNmdu6jcl1TwNc)

### **设置**

* 图标布局：
  * 图标靠左：图标靠左，文字（标题与描述）靠右
  * 图标在上：图标在上方，文字（标题与描述）在下方

![](/files/-MNMqTIYs18QscnLbbSG)

### 标题

* 字号：设置标题字号
* 字间距：设置标题字间距
* 行高：设置标题行高
* 开启标题全大写：快速设置标题全大写

![](/files/-MNMqbxcFtXCviAvg9De)

### 描述

* 字号：设置描述字号
* 字间距：设置描述字间距
* 行高：设置描述行高

![](/files/-MNMqi9vpGX_VMs-SVs3)

### 颜色

* 背景：设置卡片背景的颜色
* 标题：设置标题的颜色
* 描述：设置描述的颜色

![](/files/-MNMrQnKbncSIrb2ZzX-)

### 布局

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

![](/files/-MNMrYdGpHjdSuyv46cl)

### 添加内容

* 图标：支持上传图标***（上传图标大小需要为实际显示大小的2倍，图片格式png）***
* 标题：设置标题文案
* 描述：设置描述文案

![](/files/-MNMrc0eZxIl3Xjlgcdn)


# 文字

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

![](/files/-MNMrsLK5UU-QDafchj4)

### 内容

* 标题：设置主标题文案
* 副标题：设置副标题文案
* 描述：设置描述文案，支持加粗，斜体，链接
* 次级描述：设置次级描述文案，支持加粗，斜体，链接

![](/files/-MNMs9VR7oIPERlsw3Q7)

### 颜色

* 背景：设置卡片背景颜色
* 主标题：设置主标题颜色
* 副标题：设置副标题颜色
* 描述：设置描述颜色
* 次级描述：设置次级描述颜色

![](/files/-MNMtDGLdCJIm8uSon6p)

### 主标题

* 字号：设置主标题字号
* 字间距：设置主标题字间距
* 行高：设置主标题行高
* 开启标题全大写：快速设置主标题全大写

![](/files/-MNMtJh2kWqzxxX2m85r)

### 副标题

* 字号：设置副标题字号
* 字间距：设置副标题字间距
* 开启标题全大写：快速设置副标题全大写

![](/files/-MNMtP3nqUtLYAJ2Cs6f)

### 描述

* 字号：设置描述字号
* 字间距：设置描述字间距
* 行高：设置描述行高

![](/files/-MNMtW4a9U6CD0ba_cjA)

### 次级描述

* 字号：设置描述字号
* 字间距：设置描述字间距
* 行高：设置描述行高

![](/files/-MNMteqeX7FZAs-nFsxJ)

### 布局

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

![](/files/-MNMtjq5ICaaStnVqqWL)


# 文字浮层

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

![](/files/-MNMvHcrXsTw-NOLGan5)

### 设置

* 类型：
  * 全屏：选择此类型后，图片占据整个屏幕***（此设置对图片尺寸有要求，如果图片不够大，会出现上下不能铺满的情况***）
  * 固定高度：选择此类型后可设置图片“PC端高度“与“移动端高度“
* PC端高度：图片在PC端的高度***（单位为px，只需要输入数值，仅当类型为“固定高度“时，才能设置生效）***
* 移动端高度：图片在移动端的高度***（单位为px，只需要输入数值，仅当类型为“固定高度“时，才能设置生效）***
* PC端背景图：支持上传背景图
* 移动端背景图：支持上传移动端背景图***（当不上传移动端幻灯图时，自动读取PC端幻灯图，但尺寸比例可能不合适）***
* 图片蒙层透明度：支持设置背景图蒙层的透明度
* 最大内容宽度：设置输入内容（标题，副标题，描述，按钮）的最大内容宽度***（单位为px，只需要输入数值）***
* 标题：设置标题文案
* 副标题：设置副标题文案
* 描述：设置描述文案
* 按钮名称：设置按钮文案（***此设置不输入时，不显示按钮，同时“按钮链接“不生效***）
* 按钮链接：设置按钮链接
* 开启标题全大写：快速开启标题全大写
* 开启副标题全大写：快速开启副标题全大写

![](/files/-MNMvNH5PwPEnVC-LT-n)

### 颜色

* 标题：设置标题颜色
* 副标题：设置副标题颜色
* 描述：设置描述颜色
* 按钮背景：设置按钮背景颜色
* 按钮边框：设置按钮边框颜色
* 按钮文字：设置按钮文字颜色

![](/files/-MNMvSHYlFGBzSKpmznD)


# 专辑列表

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

![](/files/-MNMw1-rQseZl8YzljIj)

### 设置

* 格子间距：可设置专辑与专辑之间的间距为15px, 20px, 30px, 40px
* 分栏：支持设置1-6栏
* 文字位置：
  * 顶部：主标题，副标题，按钮置于顶部
  * 垂直居中：主标题，副标题，按钮垂直居中
  * 底部：主标题，副标题，按钮置于底部

![](/files/-MOBNTfYEcXKuIt9-PuK)

### 标题

* 字号：设置标题字号
* 字间距：设置标题字间距
* 行高：设置标题行高
* 文字全大写：支持快速设置标题全大写

![](/files/-MOBNkxVZZ0lwpJB4zMD)

### 副标题

* 字号：设置副标题字号
* 字间距：设置副标题字间距
* 文字全大写：支持快速设置标题全大写

![](/files/-MOBNyFc5fdp7jR8juBG)

### 颜色

* 背景：设置卡片背景颜色
* 标题：设置标题颜色
* 副标题：设置副标题颜色
* 按钮背景：设置按钮背景颜色
* 按钮边框：设置按钮边框颜色
* 按钮文字：设置按钮文字颜色

![](/files/-MNMwCDW2wIQfgRMMQUU)

### 布局

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

![](/files/-MNMwFuV4cybu7R8ByTY)

### **添加专辑**

* 添加专辑：支持绑定专辑
* 封面图：支持添加专辑封面图片
* 主标题：设置主标题文案
* 副标题：设置副标题文案
* 按钮名称：设置按钮文案（***此设置不输入时，不显示按钮，链接应用于全图片***）

![](/files/-MNMwJk0cyhYQ29-qZun)


# 专辑商品

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

![](/files/-MNMwXios175qLC4IbwE)

### **内容**

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

![](/files/-MNMwnmmK3wFVT2X2T0p)

### **设置**

* 封面图：支持上传封面图
* 主标题：设置主标题文案
* 副标题：设置副标题文案
* 按钮名称：设置按钮文案（***此设置不输入时，不显示按钮，同时不能跳转至相应专辑页面***）
* 商品数量：
  * 一行（2个）：展示一行2个商品
  * 两行（6个）：展示两行6个商品
  * 三行（10个）：展示三行10个商品
* 文字布局：
  * 居左：文字（标签，商品标题，价格）居左
  * 居中：文字（标签，商品标题，价格）居中
* 开启主标题全大写：快速设置主标题全大写
* 开启副标题全大写：快速设置副标题全大写

![](/files/-MNMww4RCHbx78VISOPi)

### 颜色

* 背景：设置卡片背景颜色
* 主标题：设置主标题颜色
* 副标题：设置副标题颜色
* 按钮边框：设置按钮边框颜色
* 按钮背景：设置按钮背景颜色
* 按钮文字：设置按钮文字颜色

![](/files/-MNMxHMQmheqJ7jj_7qT)

### 布局

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

![](/files/-MNMxMf1wqMnYrZ128F8)


# 商品列表

{% 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)


# 商品轮播

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

![](/files/-MNMz9-vxIDQteeU1ud6)

### 内容

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

![](/files/-MNMzD1SnYPb96Uxw4u9)

### 设置

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

![](/files/-MNMzHtcXMfRsxb93TOb)

### 字体排版

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

![](/files/-MNMzMCwSknyNnCIerWE)

### 颜色

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

![](/files/-MNMzQ8HncDQr77NhzLo)

### 布局

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

![](/files/-MNMzTjuVDJpd8Bs7qIE)


# 商品切换

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

![](/files/-MNMzkD81k01hBOAx9K0)

### 设置

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

![](/files/-MNN0jx0D07VSeXPNcdd)

### 字体排版

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

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

### 颜色

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

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

### 布局

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

![](/files/-MNN1Dw2OGtkBnnUmB2H)

### **内容**

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

![](/files/-MNN1IFILS1XTmasCMKK)


# 图集

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

![](/files/-MOBP9fKc5Cml2LH5ONL)

### 设置

* 格子间距：可设置专辑与专辑之间的间距为15px, 20px, 30px, 40px
* 分栏：支持设置1-6栏

![](/files/-MOBPMQ5YRyBBSEY0xpc)

### 布局

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

![](/files/-MOBPWcs-U4u2cmEYqGv)

### **内容**

* 图片：支持添加图片
* 链接：支持为图片添加链接

![](/files/-MOBPnqEDnrZ3gxuncFf)


# Instagram

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

![](/files/-MPNW1wV1VzW-eKfGKd6)

### 设置

* 标题（Title）：设置ins标题
* 格子间距（Space）：支持调整15px，20px，30px，40px间距

![](/files/-MPNYAlzbClsJ1nEc1pt)

### 字体排版

* 开启标题全大写（Enable title uppercase）：支持快速设置标题全大写
* 标题字号（Title font size）：支持设置标题字号
* 标题字间距（Title letter spacing）：支持设置标题字间距

![](/files/-MPNYN1Zyfj6WrRGmtQL)

### 颜色

* 背景（Background）：支持设置卡片背景颜色
* 标题（Title）：支持设置卡片标题颜色

![](/files/-MPNYW0kwVsQFXDUGugG)

### 布局

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

![](/files/-MPNYebbdqljblt5Hvg2)

### Ins图片

* 上传图片：上传想要的ins图片
* 头像：上传用户头像
* 用户名：支持输入用户名
* 选择商品：支持绑定与相应ins卡片相关的商品

![](/files/-MPNYpQqoko_r2_JnOhi)


# 博客专辑（Blog）

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

![](/files/-MPNZX6TkJoWlKvkbs1U)

### 内容

* 添加博客专辑

![](/files/-MPN_iX_qFB2D7OJjw_z)

### 设置

* 标题：设置博客卡片标题
* 描述：设置博客卡片的描述
* 最大显示数量：设置最大展示的博客数量
* 格子间距：支持调整15px，20px，30px，40px间距

![](/files/-MPN_uhNjwf_qz5tsurY)

### 字体排版

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

![](/files/-MPNaBcT_M2tVFUeKg7E)

### 颜色

* 背景（Background）：支持设置卡片背景颜色
* 标题（Title）：支持设置卡片标题颜色

![](/files/-MPNaNTPM941rz_Mp15N)

### 布局

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

![](/files/-MPNaVugoXSNPX2ZKSQr)

###


# 常规设置

{% hint style="info" %}
**常规设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到专辑详情：从左上角下拉菜单中选择专辑详情
2. 切换到专辑详情设置：卡片装修->专辑详情->常规设置
   {% endhint %}

* **格子间距：**可选择15px, 20px, 30px, 40px
* **商品分栏：**可选择设置为2-6栏
* **商品行数：**可选择1-12行每页
* **分页设置：**可选择数字分页和滚动加载（PC端和移动端同步）
* **筛选器最大宽度：**设置数字即可，单位为px （*仅对不带侧边栏时的情况生效*）
* **开启排序：**开启或关闭排序

![](/files/-MNN3gnqPp-RsRG5j2-i)


# 侧边栏

{% hint style="info" %}
**侧边栏设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到专辑详情：从左上角下拉菜单中选择专辑详情
2. 切换到专辑详情设置：卡片装修->专辑详情->侧边栏
   {% endhint %}

* 启用侧边栏：开启侧边栏后，相关设置项才可见
* 页内导航：选择菜单 （*需提前设置好菜单*）
* 标题：设置页内导航标题
* 筛选器展开方式：设置展开或收缩

![](/files/-MRh7J31XXLNiDcYO1Zx)


# 筛选器

{% hint style="info" %}
**筛选器设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到专辑详情：从左上角下拉菜单中选择专辑详情

2. 切换到专辑详情设置：卡片装修->专辑详情->筛选器
   {% endhint %}

3. 添加标签筛选：设置筛选标题，标签。（***多个标签请用英文逗号隔开***）

4. 给商品加上标签：网站后台->商品管理->选择商品->标签。 (***给对应的商品加上标签***)

![](/files/-MNN5EUDdIGecGFYuU4F)

![](/files/-MNN5Sr_fykbbhv32gC3)

{% hint style="warning" %}

1. 如果使用颜色块色卡，颜色名称必须与这里一致：[*https://htmlcolorcodes.com/color-names/*](https://htmlcolorcodes.com/color-names/)
2. 筛选项上的标签名称与商品标签必须一致，但不区分大小写
   {% endhint %}


# 色卡

{% hint style="info" %}
**色卡设置：**网站后台->店铺装修->主题装修->编辑->全局设置->商品->色卡
{% endhint %}

* 填写跟色卡对应的变体名称，例如“**Color**”。
* 选择色卡的形式，颜色或缩略图。
* 开启商品列表色卡。（***应用范围包含首页商品类卡片，专辑详情，商品详情的最近浏览，相关产品***）

![](/files/-MNN5mG2Q8BQijFe4uqz)

![](/files/-MNN5tQb7DdhOtvaN2eL)

{% hint style="warning" %}
注意：

1. 使用颜色色卡时，颜色名称必须与色卡表名称对应，色卡表地址：[*https://htmlcolorcodes.com/color-names/*](https://htmlcolorcodes.com/color-names/)
2. 使用缩略图色卡时，商品子款式必须设置缩略图
   {% endhint %}


# 状态标签

{% hint style="info" %}
**状态标签设置：**网站后台->店铺装修->主题装修->编辑->全局设置->商品->状态标签
{% endhint %}

* 状态标签分为5种，应用范围在***首页商品类卡片，专辑详情，商品详情页的最近浏览，相关商品模块。***
* **打折促销（Sale）：**当销售价格小于原价时，此标签生效
* **售空（Sold out）:** 当库存为0不允许购买，此标签生效
* **热卖（Best seller）:** 设置一个专辑，该专辑下的商品将被标注为热卖。
* **新品（New）：**设置一个专辑，该专辑下的商品将被标注为新品。

![](/files/-MNN6CNl4I1EoD9aj1CB)

{% hint style="warning" %}
同时开启所有标签时，商品根据 售空>新品>热卖>打折促销 的逻辑顺序显示目标商品所满足条件的最高优先级的标签
{% endhint %}


# 折扣标签

{% hint style="info" %}
**折扣标签设置：**网站后台->店铺装修->主题装修->编辑->全局设置->商品->折扣标签
{% endhint %}

* 开启折扣标签，折扣标签显示的位置为封面图左上角，应用范围在***首页商品类卡片，专辑详情，商品详情页的最近浏览，相关商品模块。***
* 格式：按百分比或金额。

![](/files/-MNN82--ONZh6FnLEiHl)

{% hint style="warning" %}
折扣标签启用的必备条件：开启折扣且销售价低于原价。
{% endhint %}


# 商品图片

{% hint style="info" %}
**商品图片设置：**网站后台->店铺装修->主题装修->编辑->全局设置->商品->商品列表
{% endhint %}

* 封面图比例：可选择原始比例，4:3，16:9，1:1，2:3 （***默认为原始比例，当封面图尺寸都不一致时，可选择其他比例***）
* Hover图片：鼠标划上封面图上时，展示的第二张图片。(***当没有第二张图，或第二张图是视频媒体时，Hover图片功能不启用)***
* 文字布局：商品标题，价格，标签等可以选择居中或靠左排列

![](/files/-MNN70Jsgdi14b7PO-07)


# 快速加购

{% hint style="info" %}
**快速加购设置：**网站后台->店铺装修->主题装修->编辑->全局设置->商品->商品列表
{% endhint %}

快速加购：开启快速加购 (Quick Shop）,  应用范围在***首页商品类卡片，专辑详情，商品详情页的最近浏览，相关商品模块。***

![](/files/-MNN7r5i_ALeN91P7A4T)


# 图集

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换到图集设置：卡片装修->商品详情->图集
   {% endhint %}

* **PC端布局**：幻灯模式（分为缩略图在左，缩略图在下），格子图集模式
* **移动端布局**：幻灯（第二张图部分可见），全屏幻灯

![](/files/-MNN8TxjgEPSrvoYK8wl)


# 副标题

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换到图集设置：卡片装修->商品详情->常规设置->开启副标题
   {% endhint %}

{% hint style="warning" %}
注意：仅当网站后台->商品管理->商品中输入了副标题且在主题中开启“开启副标题“设置项后生效。
{% endhint %}

![](/files/-MP7R1Ojex6ZjbFGjIqA)

![](/files/-MP7Q_HfbOWJwkk1Xvc2)


# 销量

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换到图集设置：卡片装修->商品详情->常规设置->开启销量
   {% endhint %}

{% hint style="warning" %}
注意：若网站后台->商品管理->商品中开启了虚拟销量，则展示销量=虚拟销量+真实销量
{% endhint %}

![](/files/-MP7Ru1nklV06fm00_mq)

![](/files/-MP7SNyYWyMHMEHkcVQO)


# SKU

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换到图集设置：卡片装修->商品详情->常规设置->开启SKU
   {% endhint %}

{% hint style="warning" %}
注意：仅当网站后台->商品管理->商品中设置了SKU且在主题中开启“开启SKU“设置项后生效。
{% endhint %}

![](/files/-MP7SvII5Sf08ti4avEG)

![](/files/-MP7TIC-hBEYHGEIJrlk)


# 重量

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换到图集设置：卡片装修->商品详情->常规设置->开启重量
   {% endhint %}

{% hint style="warning" %}
注意：仅当网站后台->商品管理->商品中设置了重量（非0）且在主题中开启“开启重量“设置项后生效。
{% endhint %}

![](/files/-MP7UI2WeKYbrJbY5N1n)

![](/files/-MP7U_LyPBTcYVaetPWH)


# 条形码

{% hint style="info" %}

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换到图集设置：卡片装修->商品详情->常规设置->开启条形码
   {% endhint %}

{% hint style="warning" %}
注意：仅当网站后台->商品管理->商品中设置条形码且在主题中开启“开启条形码“设置项后生效。
{% endhint %}

![](/files/-MP7V--zgR5fuNbrdSjh)

![](/files/-MP7VADE50-hupBI49Sh)


# 数量选择器

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换到常规设置：卡片装修->商品详情->常规设置->开启数量选择器
   {% endhint %}

![](/files/-MNN8jzlJC1tqDSS7tF6)


# 立即购买

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换到常规设置：卡片装修->商品详情->常规设置->开启立即购买
   {% endhint %}

![](/files/-MNN94PCqW6DfcoBdZGx)


# 支付图标

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换到常规设置：卡片装修->商品详情->常规设置->安全支付图标
   {% endhint %}

{% hint style="warning" %}
上传支付图标的尺寸必须是你想显示的图片尺寸的2倍，例如你想使用200\*50px图片，上传的图片实际尺寸必须为400\*100px
{% endhint %}

![](/files/-MNN9FH683lHz-Wqb-2x)


# 社交分享

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换到常规设置：卡片装修->商品详情->常规设置->开启社交分享
   {% endhint %}

![](/files/-MNN9RPEkZJy0mIHB37t)


# 详情位置

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换常规设置：卡片装修->商品详情->常规设置->商品详情位置
   {% endhint %}

* Tab切换卡：商品详情与评价，附加内容都将在Tab选项卡中展示
* 在图片下：折叠收起在图片下方展示
* 在图片右侧：折叠收起在图片右侧，“加购按钮”下方展示

![](/files/-MNN9f7snyzXuAIMlQnI)


# 商品推荐

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换常规设置：卡片装修->商品详情->常规设置->商品推荐
   {% endhint %}

![](/files/-MNNKPO3as86Cz3Wb14K)


# 最近查看

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换常规设置：卡片装修->商品详情->常规设置->最近查看
   {% endhint %}

![](/files/-MNNKdF3aZOEelKk4gmk)


# 附加内容

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换常规设置：卡片装修->商品详情->附加内容设置
   {% endhint %}

{% hint style="warning" %}
附加内容最多**可支持三个**，在商品详情之后展示
{% endhint %}

![](/files/-MNNKq-QT_Tu2K6mie2B)


# 投递时间提示

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换常规设置：卡片装修->商品详情->投递时间提示
   {% endhint %}

{% hint style="warning" %}
运送时间只支持设置特定的一个国家
{% endhint %}

* 选择启用
* 最小运送天数：商品最少xx天可以送达
* 最大运送天数：商品最多xx天可以送达
* 开启按时间展示：可自动推算运输日期

![](/files/-MNNKwVDqKTABnOiqgry)


# 库存提示

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换常规设置：卡片装修->商品详情->库存提示
   {% endhint %}

{% hint style="warning" %}
**规则：**

1. 访问者每次进入时的库存随机从设置的最大值和最小值中选取
2. 访问者每次刷新，库存自动减一个
   {% endhint %}

* 选择启用
* 展示随机数：开启后，以下设置生效。关闭后，显示真实库存。
* 最小数量：商品库存最小值
* 最大数量：商品库存最大值

![](/files/-MP7LCsjgt_g_Y8TNAso)


# 当前浏览人数

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换常规设置：卡片装修->商品详情->当前浏览人数
   {% endhint %}

{% hint style="warning" %}
**规则：**

1. 以最小人数和最大人数为区间自动获取人数
2. 切换时间以设置的时间间隔为准
   {% endhint %}

* 选择启用
* 最少人数：商品当前浏览人数的最小值
* 最多人数：商品当前浏览人数的最大值
* 时间间隔：可设置每隔3-10秒变一次

![](/files/-MNNLPuecmEzUk7YTXXR)


# 已加购人数

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑

1. 切换到商品详情：从左上角下拉菜单中选择商品详情
2. 切换常规设置：卡片装修->商品详情->已加入购物车人数
   {% endhint %}

{% hint style="warning" %}
**规则：**

1. 以最小人数和最大人数为区间自动获取人数
2. 切换时间以设置的时间间隔为准
   {% endhint %}

* 选择启用
* 最少人数：商品当前已加购人数的最小值
* 最多人数：商品当前已加购人数的最大值
* 时间间隔：可设置每隔3-10秒变一次

![](/files/-MNNLYBTlsUg6PyBc2vK)


# 加购类型

{% hint style="info" %}
**加购类型：**网站后台->店铺装修->主题装修->编辑->全局设置->商品->加购
{% endhint %}

类型：设置加购后的提示形式。支持购物袋页，抽屉式和提示三种方案。PC端和移动端同步。

* 购物袋页：点击“Add to bag“后，直接跳转购物袋页面
* 抽屉式：点击“Add to bag“后，无跳转，侧滑展示购物袋
* 提示：点击“Add to bag“后，文字提示加购成功

![](/files/-MRh58R5j2Au6DeZa0RB)


# 购物袋类型

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑->全局设置->购物袋->设置->购物袋图标
{% endhint %}

可选择使用购物袋图标，购物袋带数字的图标或文字文案

![](/files/-MNgI2PzDh3hkXIN8apc)


# 购物袋打开方式

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑->全局设置->购物袋->设置->点击购物袋
{% endhint %}

点击购物袋时，可选择从右侧滑出购物车或跳转至购物车页面

![](/files/-MNNPanW4N4aVKWdWl6y)


# 免邮提示

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑->全局设置->购物袋->设置->免邮提示
{% endhint %}

{% hint style="warning" %}
免邮提示将展示在测滑购物车和购物车页面
{% endhint %}

* 开启免邮提示：根据用户当前消费情况文字展示距离免邮的情况
* 开启免邮进度条：根据用户当前消费情况可视化展示距离免邮的进度
* 免邮金额：免邮金额跟随店铺设置货币的单位

![](/files/-MNNQ64MrGeyXNMARhLH)


# 支付图标

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑->全局设置->购物袋->设置->安全支付信息
{% endhint %}

{% hint style="warning" %}
上传支付图标的尺寸必须是你想显示的图片尺寸的2倍，例如你想使用200\*50px图片，上传的图片实际尺寸必须为400\*100px
{% endhint %}

![](/files/-MNNQFJLr4-T7B5DmoWX)


# 布局风格

{% hint style="info" %}
**设置：**网站后台->店铺装修->主题装修->编辑->全局设置->常规
{% endhint %}

### 风格

* 选择直角或小圆角

![](/files/-MNNQYEu_fjitj_6-wTg)

### 布局

* 内容宽度：页面内容的最大宽度 （***单位为px,  只需输入数值***）
* 内容留白：页面内容离浏览左右的间距 （***单位为px,  只需输入数值***）

![](/files/-MNNQen5tB5LzajiaNqo)


# 字体排版

{% hint style="info" %}
**字体排版设置：**网站后台->店铺装修->主题装修->编辑->全局设置->字体排版
{% endhint %}

#### 标题：*所有使用标题的元素*

* 字体

![](/files/-MNNWxWCENCv1xwp-2On)

#### 文本：*所有普通文本内容*

* 字体
* 字号
* 行高

![](/files/-MNNX1FuxSnKwksqF5Ap)

#### 菜单：*页头导航菜单*

* 字体
* 字号
* 字间距
* 文字全大写

![](/files/-MNNX5_reGOkkRu3ccSx)

#### 商品详情标题:  

* 字号
* 字间距
* 行高
* 文字全大写

![](/files/-MNNXDBLiHuSOxRqTNUd)

#### 商品列表标题：

* 字号
* 字间距
* 行高
* 文字全大写

![](/files/-MNNXIWo-r0PkTrW6cCW)

#### 小工具标题：*底部小工具栏，例如订阅，自定义菜单，自定义文字*

* 字号
* 字间距
* 文字全大写

![](/files/-MNNXMI6uB7Tu6CM4_pY)

#### 状态标签：*应用在专辑详情，商品卡片，最近浏览，相关商品*

* 字体
* 字号
* 字间距
* 文字全大写

![](/files/-MNNXRRswKQoy6f_w1DH)

#### 价格：*应用在专辑详情，商品卡片，最近浏览，相关商品*

* 字体
* 字号

![](/files/-MNNXVIR7ZER_PbrLVfA)

#### 按钮：

* 字体
* 字号
* 字间距
* 文字全大写

![](/files/-MNNX_BQj81_L_k0LW2v)

#### 页尾文字：

* 字体
* 字号
* 字间距
* 文字全大写

![](/files/-MNNXe2r1B3lUOPS8ooY)


# 颜色

{% hint style="info" %}
**颜色设置：**网站后台->店铺装修->主题装修->编辑->全局设置->颜色
{% endhint %}

#### 常规设置：

* 标题: 所有使用标题的部分
* 文本：常规文本内容
* 浅色文本：常规浅色文本内容
* 浅色边框：常规浅色边框颜色
* 背景：页面背景颜色

![](/files/-MNbbYz3grHT1tzXdeSz)

#### 头部：（页头）

* 背景：头部背景颜色
* 文字：头部文字颜色
* 分割线：头部下方的分割线颜色
* 购物袋提示：购物袋有商品时提示的颜色

![](/files/-MNNXyyYaZ71o5r0NVqh)

#### 头部菜单：

* 背景：*仅在头部布局为“LOGO在中间，与菜单分两行”时生效*
* 文字：头部菜单的文字颜色
* 分割线：*仅在头部布局为“LOGO在中间，与菜单分两行”时生效*

![](/files/-MNNY3UCZmj8qepgrbYo)

#### 页尾小工具：

* 背景：小工具区域的背景色
* 标题：小工具标题
* 文字：小工具区域文字颜色
* 分割线：小工具区域分割线

![](/files/-MNNY7ql_KJW0Prb6hus)

#### 页尾订阅框：

* 边框：订阅框的边框颜色
* 文字：订阅框内文字颜色
* 背景：订阅背景颜色

![](/files/-MNNYCZ05iP4YyaJcKxy)

#### 页尾：

* 背景：页尾背景颜色
* 文字：页尾区域文字颜色
* 分隔线：页尾边框颜色

![](/files/-MNNYLveXvqzEVuvUUzw)

#### 折扣标签：

* 背景：折扣标签的背景颜色
* 文字：折扣标签的文字颜色

![](/files/-MNNYQMkgptpoqHoJZXK)

#### 价格：

* 原价：文字颜色
* 售价：文字颜色

![](/files/-MNNYV4JsTFWeLOMn8Dj)

#### 按钮：

* 背景：按钮背景颜色
* 文字：按钮的文字颜色

![](/files/-MNNYZ-Ou3mIni5lEgzC)

#### 评价星级：

* 星级颜色  

![](/files/-MNNYcCi3j7GLwQ-ZR9I)