# 安装主题 ## **主题安装步骤** 1. **路径**：网站后台->店铺装修->主题装修 2. 在主题列表中找到Boost主题，点击添加到列表 3. 在最近添加中找到Boost主题，点击编辑->进入到主题装修界面 4. 确认装修完成后，点击发布后完成安装 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOhBssAncvaivzDbkr%2F-MbOhTuz3A5hMjWfnUZi%2Fimage.png?alt=media\&token=70a072fe-eafa-407e-86ac-67766204ee2e) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOhBssAncvaivzDbkr%2F-MbOhiMYczhdj8DEr4oG%2Fimage.png?alt=media\&token=32688c4a-3b7c-48c8-a8b8-6064bfaf5b0e) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOhBssAncvaivzDbkr%2F-MbOiGexfgvIz0Xr8KIS%2Fimage.png?alt=media\&token=5874180d-f537-40d5-992d-5f046d8473a4) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOhBssAncvaivzDbkr%2F-MbOiMnoUCfJTznLBLep%2Fimage.png?alt=media\&token=eea39d5d-3a37-4dfe-9bce-c9b838df7066) {% hint style="warning" %} 再次编辑路径：网站后台->店铺装修->主题装修->当前使用的店铺->编辑 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOnJnzaj5U_yNUJUxq%2F-MbOoUia8Wqp62zTsMZm%2Fimage.png?alt=media\&token=372e5cb9-ef05-4d29-9535-961f20ee8f59) # 使用说明 ## 支持语言： * 英文 * 西班牙语 * 法语语 * 印度尼西亚语 * 意大利语 * 日语 * 韩语 * 荷兰语 * 波兰语 * 葡萄牙语 * 俄语 * 泰语 * 繁体中文 * 简体中文 ## 支持插件： * 满减活动 * 限时促销 * 优惠码 * 弹窗公告 * 浮窗通知 * 满送优惠 * 捆绑销售 * Add to cart设置 * 评论 * 货币切换 * 尺码表 * 社交登录 * Facebook Messenger插件 * Google表单工具 * 表单工具（自定义代码） * 会员系统 * 商品置顶 * 款式组合 * 店铺多语言 # 更新日志 # 素材下载 #### 首页幻灯图素材下载（5张） {% hint style="info" %} 使用Sketch打开编辑 {% endhint %} {% file src="/files/-MbQ7sUfZDE0In28IKOw" %} 首页幻灯图 {% endfile %} # Logo {% hint style="info" %} **Logo设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->页头->Logo {% endhint %} * **图片：**上传Logo图片，为了保证Logo为高清效果，请上传尺寸较大的图片（建议上传LOGO大小为LOGO宽度的2倍） * **最大宽度：**通过拉动滑动条设置你想展示的LOGO的最大宽度，单位为像素（Logo高度会随宽度自适应） ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOiOfXRjISqi4hwJhI%2F-MbOiw9N0atywxoG6A0K%2Fimage.png?alt=media\&token=b71c1fcc-861b-4cdd-aff4-4fe4517f056b) {% hint style="warning" %} 注意：移动端的Logo最大宽度为80px {% endhint %} # 布局 {% hint style="info" %} **布局设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->页头->布局 {% endhint %} * **PC端布局：居左**（菜单与Logo一起靠右对齐，搜索框在Logo右边）；居中（菜单与Logo一起居中对齐，搜索框在Logo左边） * **在移动端展开搜索栏：**启用展开搜索栏后，搜索栏会单独占一行显示 * **启用页头置顶：**开启头部置顶后，向上滚动页面时，头部停留在顶部 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOiOfXRjISqi4hwJhI%2F-MbOim7AOwSRlOyT9UXh%2Fimage.png?alt=media\&token=6fae8a0a-6ffd-4732-a0be-ac7c4f581e1c) # 公告栏 {% hint style="info" %} **公告设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->页头->公告栏 {% endhint %} * **开启公告栏：**输入文本后，选择‘开启公告栏‘，公告栏显示 * **仅显示在首页上：**设置为仅首页显示，或所有页面都显示 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOiOfXRjISqi4hwJhI%2F-MbOj7oPhRbeDm3DPqKG%2Fimage.png?alt=media\&token=4626650e-2d78-46dc-9942-ec176dfd9ae9) # 菜单 {% hint style="info" %} **添加菜单：**网站后台->店铺装修->菜单导航 {% endhint %} * **新增菜单：**设置菜单名称例如“*顶部菜单*” * **添加菜单目录：**新建菜单项，并设置好层级 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbF5flEN-xsYr1o5eQA%2F-MbFGNECTRp3uWLAY32D%2Fmenu-01.png?alt=media\&token=0d463d67-671a-4580-8a4b-dea9f4fa0933) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbF5flEN-xsYr1o5eQA%2F-MbFGReTqWTlacoXF2tx%2Fmenu-02.png?alt=media\&token=b80a5397-4559-4d52-a691-c11889b991d2) {% hint style="info" %} **菜单设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页头->菜单 {% endhint %} * **菜单导航设置:** 添加上一步添加好的菜单，同时也支持更换菜单，编辑菜单 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOiOfXRjISqi4hwJhI%2F-MbOjJ86OHEUTHOwTgOA%2Fimage.png?alt=media\&token=962720e1-3178-4b28-aa1c-39338ba154df) # 信息栏 {% hint style="info" %} **信息栏设置**：网站后台->店铺装修->主题装修->编辑->卡片装修->页头->信息栏 {% endhint %} * **开启信息栏**：在添加完信息栏信息文本之后，启用信息栏，信息栏展示 * **仅在首页显示**：设置信息栏只在首页显示 * **在PC端启用轮播**：在填写两条及两条以上信息之后，启用轮播，信息栏的内容会展示轮播效果；若不启用，信息栏的信息会平均占宽显示 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOiOfXRjISqi4hwJhI%2F-MbOjWEOFurtA-TwnvGU%2Fimage.png?alt=media\&token=88f167d4-6da0-465b-bda4-e20ac4858eee) {% hint style="warning" %} 移动端的信息栏只要有>=2条信息时，就会启用轮播 {% endhint %} # 推广菜单 {% hint style="info" %} **推广菜单设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页头->内容 {% endhint %} {% hint style="warning" %} **启用推广菜单的条件：** 1. 要开启推广位的一级菜单必须有二级菜单 2. 触发混合菜单的名称必须与一级菜单名称相同，但不区分大小写 {% endhint %} * **下拉链接名称**：设置要显示促销内容的一级菜单位置 * **选择图片：**选择要展示的促销广告图 * **文本**：设置要展示的促销内容文字 * **文本链接**：设置跳转链接显示的文字 * **链接**：设置跳转的链接页面 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOiOfXRjISqi4hwJhI%2F-MbOjttZt2aLTxsZ3bF7%2Fimage.png?alt=media\&token=4460159e-5f8d-4dce-9097-f192d7b69c7b) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOiOfXRjISqi4hwJhI%2F-MbOk4iO5yi1jZEH0Ymh%2Fimage.png?alt=media\&token=d9b92859-8bb7-443e-bd0f-2c9ad9b443bd) {% hint style="info" %} 一个一级菜单只能显示一个促销广告，多添加只展示第一个添加的促销广告 {% endhint %} # 主菜单 {% hint style="info" %} **添加页尾主菜单：**网站后台->店铺装修->菜单导航 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbFNuhWV-NkQXPkjKhh%2F-MbFPYLMospN3_Dsr7ce%2Fimage.png?alt=media\&token=f131bfdb-e976-4e6c-ae3f-04de4aef22fa) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOw2hkYEpV0Hom3hWY%2F-MbOxN-tRwNK8ruu-F6w%2Fimage.png?alt=media\&token=2b9fc505-6597-4211-be04-5f1872555574) {% hint style="info" %} **页尾主菜单设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->主菜单 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLb-WySG6APucU-KNd%2F-MbLbhALIfP018QEryBf%2F%E4%B8%BB%E8%8F%9C%E5%8D%9502.jpeg?alt=media\&token=4f5f3395-31b9-4aaf-a9fe-4fd46faaa1e2) * **主菜单:** 选择上一步添加好的菜单，同时也支持更换菜单，编辑菜单 # 次级菜单 {% hint style="info" %} **添加页尾次级菜单：**网站后台->店铺装修->菜单导航 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbFNuhWV-NkQXPkjKhh%2F-MbFQsW-Xec_ZCw8Sfsf%2Fimage.png?alt=media\&token=9e2cd61a-4f1e-4c6b-a08e-7e2466c6e7d1) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOxTOIx9ZdeZtTfH6W%2F-MbOxVwZlAf1AvGQaNNa%2Fimage.png?alt=media\&token=dbc097b0-7888-4367-84a7-f4826d4fefa0) {% hint style="info" %} **页尾次级菜单设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->次级菜单 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLaW1dyyBR3EBZgGXv%2F-MbLayW3SR80Z-xT5Z-t%2F%E4%BA%8C%E7%BA%A7%E8%8F%9C%E5%8D%9502.jpeg?alt=media\&token=fcca5930-1d0c-42de-ab3f-e296b4ac8a97) * **次级菜单:** 添加上一步添加好的菜单，同时也支持更换菜单，编辑菜单 # 社交媒体 {% hint style="info" %} **社交媒体设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->社交媒体 {% endhint %} * **开启社交媒体图标**：设置显示社交媒体图标 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbL_Q53JVGktDP9t7Hd%2F-MbLaQoJm03mr1vrF5D-%2F%E7%A4%BE%E4%BA%A4%E5%AA%92%E4%BD%93.jpeg?alt=media\&token=242772bc-ec85-45e5-a511-7bdb4910a383) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbL_Q53JVGktDP9t7Hd%2F-MbLaT_rkZB2JIvUzSLW%2F%E7%A4%BE%E4%BA%A4%E5%AA%92%E4%BD%9302.jpeg?alt=media\&token=5fd4f223-997f-4f0c-b87c-9cf27cbebeb9) {% hint style="warning" %} 只有在全局配置中配置了相应的社交媒体链接，图标才会显示 {% endhint %} # 付款图标 {% hint style="info" %} **付款图标设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->付款图标 {% endhint %} * **付款图标：**选择网站支持的付款方式的图标 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLaW1dyyBR3EBZgGXv%2F-MbLapT0oGfYc8lbHazz%2F%E4%BB%98%E6%AC%BE%E5%9B%BE%E6%A0%87.jpeg?alt=media\&token=6940f4da-34d2-43d1-8b86-5df7100b5c36) # 版权 {% hint style="info" %} **版权设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->版权 {% endhint %} * **版权**：设置显示的版权信息（当没有设置信息时，会默认显示：Copyright © 年份 店名 Powered by Shoplazza） ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLaW1dyyBR3EBZgGXv%2F-MbLamyhsW3hV06w5RL2%2F%E7%89%88%E6%9D%83.jpeg?alt=media\&token=6a24d67f-930b-498d-b3a2-9292d57d94ee) # 邮箱订阅 {% hint style="info" %} **邮箱订阅设置：**网站后台->店铺装修->主题装修->编辑->卡片装修->页尾->邮箱订阅 {% endhint %} * **开启邮箱订阅**：设置显示邮箱订阅 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOkFSbmwYrYBRWaAN9%2F-MbOkT4dPgBlZv9VC6FB%2Fimage.png?alt=media\&token=1e2821d5-4758-425c-b5fe-d46abf2d3452) # 图集 {% hint style="info" %} **图集设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到商品详情：从左上角下拉菜单中选择商品详情 2. 切换到图集设置：卡片装修->商品详情->图集 {% endhint %} * **布局**：PC端可以设置列表模式、缩略图居左、缩略图居下的布局（移动端布局只有缩略图在下方的模式） * **移动端图集**：设置移动端图集的展示模式为点还是缩略图 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOkFSbmwYrYBRWaAN9%2F-MbOkgZo1ukzpEMIT1At%2Fimage.png?alt=media\&token=77e1fa17-253b-4f43-a247-61154b065b69) # SKU {% hint style="info" %} SKU**设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到商品详情：从左上角下拉菜单中选择商品详情 2. 切换到SKU设置：卡片装修->商品详情->商品设置->显示SKU {% endhint %} {% hint style="warning" %} 注意：仅当网站后台->商品管理->商品中设置了SKU且在主题中开启“显示SKU“设置项后生效。 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbFVqEF7Jpw0T648XYu%2F-MbFXsZIRS3UTttybkNq%2Fimage.png?alt=media\&token=cf3da0dd-fd34-4772-a8f3-140be61e9cf5) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOkFSbmwYrYBRWaAN9%2F-MbOkqqWw0IWoft-n-Gh%2Fimage.png?alt=media\&token=3d859238-ae68-4359-b5f2-a153c64dce73) # 数量选择器 {% hint style="info" %} **数量选择器设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到商品详情：从左上角下拉菜单中选择商品详情 2. 切换到商品设置：卡片装修->商品详情->商品设置->显示数量选择器 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOkFSbmwYrYBRWaAN9%2F-MbOl1jHB94P7s0jfyOz%2Fimage.png?alt=media\&token=e2b90595-5e5a-4879-96e5-335a5a4ee9aa) # 社媒分享 {% hint style="info" %} **社交分享设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到商品详情：从左上角下拉菜单中选择商品详情 2. 切换到商品设置：卡片装修->商品详情->商品设置->展示社媒分享图标 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOkFSbmwYrYBRWaAN9%2F-MbOlFSbKd7R1jmf9srP%2Fimage.png?alt=media\&token=4df17806-79c2-4f2c-8d25-e33e70d46124) {% hint style="warning" %} 只有在全局配置中配置了相应的社交媒体链接，图标才会显示 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOkFSbmwYrYBRWaAN9%2F-MbOlNIV9QBAEejhpU-1%2Fimage.png?alt=media\&token=b11c85e0-b3e0-4ddf-80e5-7ab559566bba) # 动态结账 {% hint style="info" %} **动态结账设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到商品详情：从左上角下拉菜单中选择商品详情 2. 切换到商品设置：卡片装修->商品详情->商品设置->展示动态结账按钮 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOkFSbmwYrYBRWaAN9%2F-MbOlcVWruP2MJE5N_7Q%2Fimage.png?alt=media\&token=c66ba8d7-d8de-4af6-a351-e7587700d486) # 描述设置 {% hint style="info" %} **描述详情设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到商品详情：从左上角下拉菜单中选择商品详情 2. 切换到描述位置：卡片装修->商品详情->描述设置 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOnJnzaj5U_yNUJUxq%2F-MbOoCPsEJG-OJOmtT6I%2Fimage.png?alt=media\&token=e223e641-6d3c-4460-bdc9-43d657a460a1) {% hint style="warning" %} 最多可支持添加两个自定义页面 {% endhint %} # 尺码表 {% hint style="info" %} **尺码表设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到商品详情：从左上角下拉菜单中选择商品详情 2. 切换到尺码表：卡片装修->商品详情->尺码表 {% endhint %} * **开启尺码表**：设置显示尺码表链接 * **变体名称**：设置尺码表链接展示在哪个变体的下方 * **选择页面**：选择添加尺码表链接跳转的页面 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOm4LKgrT_g5BF4cS1%2F-MbOmTCA9_r38wAosOIT%2Fimage.png?alt=media\&token=722aa7a9-4d6b-4ceb-9ffb-ebc4a3273b5a) {% hint style="warning" %} 只有设置了展示尺码表，且填写了准确的变体名称，已经选择了链接的页面，尺码表链接才会显示 {% endhint %} # 商品推荐 {% hint style="info" %} **商品推荐设置**->店铺装修->主题装修->编辑 1. 切换到商品详情：从左上角下拉菜单中选择商品详情 2. 切换商品推荐：卡片装修->商品详情->商品推荐 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOmVjoanqynwuh7KZX%2F-MbOmg0vft0d9yCjiNsp%2Fimage.png?alt=media\&token=5e6411ff-edf1-4084-a28d-a7f36c02f307) # 最近浏览 {% hint style="info" %} **最近浏览设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到商品详情：从左上角下拉菜单中选择商品详情 2. 切换最近浏览：卡片装修->商品详情->最近浏览 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOmVjoanqynwuh7KZX%2F-MbOmpLSopbQO8ruI4iA%2Fimage.png?alt=media\&token=89299737-0b19-4ea5-8469-9d2e926a602c) # 变体展示风格 {% hint style="info" %} **变体风格设置：**网站后台->店铺装修->主题装修->编辑->全局设置->商品->商品表单->变体风格 {% endhint %} 变体风格：设置展示的变体的风格，可以为按列展示也可以为下拉列表 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOmVjoanqynwuh7KZX%2F-MbOnAFhNmsTTPOL_mk8%2Fimage.png?alt=media\&token=6a7a9048-8dc5-4904-aca7-78273038544f) # 功能标题 {% hint style="info" %} **功能标题设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到专辑详情：从左上角下拉菜单中选择专辑详情页 2. 切换到专辑详情设置：卡片装修->专辑详情->功能标题 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOdzgLBcx8wU8UenNa%2F-MbOebe-PlWGRWEQo28x%2Fimage.png?alt=media\&token=3952f3c9-7a32-4758-bac1-95fef4ed8ae4) {% hint style="info" %} 添加功能标题：卡片装修->专辑详情->内容->添加专辑 {% endhint %} * **添加专辑**：选择一个专辑，在其右侧选择显示的特色商品 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-Mb_g271_8hvK3NcRM6-%2F-Mb_gV-4-_zd5S2oFUmV%2Fimage.png?alt=media\&token=34d142c3-7548-4486-8bb6-c1bc3c45e6e6) * **添加专辑**：设置要添加特色商品的专辑 * **选择商品**：设置要展示的特色商品 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-Mb_g_TVpElxsuPF9oTb%2F-Mb_gbuPY_5455YI2yzz%2Fimage.png?alt=media\&token=b8c7b6ed-123c-489e-9927-b47f5d2689e8) # 过滤工具栏蒙层 {% hint style="info" %} **过滤工具栏蒙层设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到专辑详情：从左上角下拉菜单中选择专辑详情 2. 切换到专辑详情设置：卡片装修->专辑详情->功能标题->启用过滤工具栏蒙层 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLZp-qzy1wlEXlcB8l%2F-MbL_MMjZ0Knpq02hfn-%2F%E8%92%99%E5%B1%8201.jpg?alt=media\&token=f1aafba8-bb88-4fba-830e-9fc1814b9adb) {% hint style="warning" %} 只有开启了筛选中的排序或者是标签组，过滤工具栏蒙层才会显示 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOdzgLBcx8wU8UenNa%2F-MbOerHqHlNz7ZFb6iRX%2Fimage.png?alt=media\&token=03c989ad-1915-4883-bd4d-1abeb53cd9be) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOfHKXuhmkODlHDsbX%2F-MbOfapcx50jQYtSgEQU%2F%E8%92%99%E5%B1%82.png?alt=media\&token=4da5b735-64d0-4c25-a815-11a74021291a) # 布局 {% hint style="info" %} **布局设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到专辑详情：从左上角下拉菜单中选择专辑详情 2. 切换到专辑详情设置：卡片装修->专辑详情->布局 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLdoTpWRYoHOG4ioMg%2F-MbOd9wQeUDrhVayo-R1%2F%E5%B8%83%E5%B1%80.png?alt=media\&token=ae217a63-a539-4be0-815c-12aa8b86a0c2) # 筛选 {% hint style="info" %} **筛选设置：**网站后台->店铺装修->主题装修->编辑 1. 切换到专辑详情：从左上角下拉菜单中选择专辑详情 2. 切换到专辑详情设置：卡片装修->专辑详情->筛选 {% endhint %} * **开启排序**：设置显示排序下拉列表 * **开启**：设置显示筛选标签 * **名称*****：***设置显示筛选标签组名称 * **要包含的标签**：设置标签组要包含的标签（只有商品有添加上此标签，才会在筛选器中显示） ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOfHKXuhmkODlHDsbX%2F-MbOfrsGIaNb_g70aYLV%2Fimage.png?alt=media\&token=90eeee0e-1b81-42e6-9d34-41c2d9fd0dc2) {% hint style="warning" %} 商品标签路径：网站后台->商品->商品管理->选择商品->标签(***给对应的商品加上标签***) {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOfHKXuhmkODlHDsbX%2F-MbOghB7ZH4zZaJCbik_%2Fimage.png?alt=media\&token=6f0dae37-5bc0-40fc-a4f7-6f321849dd87) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbOfHKXuhmkODlHDsbX%2F-MbOgz14_WxWllzLFa6O%2Fimage.png?alt=media\&token=5508449e-8e7a-40e8-9c54-cf1c9308e20a) {% hint style="warning" %} 最多添加两个筛选标签组 {% endhint %} * # 购物车类型 {% hint style="info" %} **购物车类型设置：**网站后台->店铺装修->主题装修->编辑->全局设置->购物车->购物车类型 {% endhint %} * **购物车类型**：可设置为抽屉购物车类型，或页面购物车类型（当加购商品时，购物车显示类型会根据设置的类型显示） ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLWNELquyTVJO-fg-z%2F-MbLWP243aqajimJcd2K%2F%E8%B4%AD%E7%89%A9%E8%BD%A6.jpg?alt=media\&token=d8a4fd0b-f1c6-4cbd-a2bb-9101f465750c) # 税费和运输信息 {% hint style="info" %} **税务和运输信息设置：**网站后台->店铺装修->主题装修->编辑->购物车icon->卡片装修->购物车->设置->税务和运输信息 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLVuMQdWwbZvYJiQLC%2F-MbLW7la-IFjCqbtYdDa%2F%E7%A8%8E%E8%B4%B9.jpg?alt=media\&token=a3e48385-f471-45dd-8046-1309c927c237) # 商品推荐 {% hint style="info" %} **商品推荐设置：**网站后台->店铺装修->主题装修->编辑->购物车icon->卡片装修->购物车->设置->商品推荐 {% endhint %} ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLVM8sQV8Lm6a_c-ZD%2F-MbLVspljrmQ1hE1kXQj%2F%E5%95%86%E5%93%81.jpg?alt=media\&token=be9490b1-584f-41bd-8f6c-32194312d0b7) # 颜色 {% hint style="info" %} **颜色设置：**网站后台->店铺装修->主题装修->编辑->全局设置->颜色 {% endhint %} #### 常规设置： * **背景：**页面背景颜色 * **首页背景**：首页页背景颜色 * **文字**：常规文本内容颜色 * **链接**：所有使用链接的部分 * **销售价格和标签**：所有价格和标签的字体颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLLWGD3kKWwte8pDEm%2F-MbLRgue39jnKw44Wk5l%2F%E5%B8%B8%E8%A7%84%E8%AE%BE%E7%BD%AE.jpg?alt=media\&token=05da04dc-4df2-4849-824d-029def1c8368) #### 头部：（页头） * **背景**：头部背景颜色 * **店铺名称**：没有设置LOGO时店铺名称的字体颜色 * **文字和图标**：头部文字和图标的颜色 * **移动端打开搜索栏**：移动端展开搜索栏的背景颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLLWGD3kKWwte8pDEm%2F-MbLRdJojQBXjcFLC7Qj%2F%E5%A4%B4%E9%83%A8.jpg?alt=media\&token=d519934d-ae73-4f4a-9219-af42e518e103) #### 导航： * **背景**：头部菜单的背景颜色 * **文字**：导航文本的文字颜色 * **移动端菜单背景**：移动端菜单的背景颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbP8Vh6AL4ZimSsZwEa%2F-MbPDbYrS_X5INvOrzo_%2Fimage.png?alt=media\&token=842573a5-0af6-4e30-b434-b5d7847bc914) **下拉菜单** * **背景**：下拉菜单的背景颜色 * **文字**：下拉菜单的文字颜色 * **底部线条**：下拉菜单的底部线条颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLLWGD3kKWwte8pDEm%2F-MbLRa1E2fq32e7k1H-S%2F%E4%B8%8B%E6%8B%89%E8%8F%9C%E5%8D%95.jpg?alt=media\&token=b787f2d7-0050-4a36-81c8-e6a8defaedf6) **公告栏** * **背景**：公告栏的背景颜色 * **文字**：公告栏的文字颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLLWGD3kKWwte8pDEm%2F-MbLRY2DuliMbQlf_7HI%2F%E5%85%AC%E5%91%8A%E6%A0%8F.jpg?alt=media\&token=4025ba68-cbfb-4e9e-8b31-09b704dde83e) **消息栏** * **背景**：消息栏的背景颜色 * **文字**：消息栏的文字颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLLWGD3kKWwte8pDEm%2F-MbLRVisWsP5WypoZ8L7%2F%E4%BF%A1%E6%81%AF%E6%A0%8F.jpg?alt=media\&token=953da922-0711-42ae-b8c5-86fcb371dc72) **页尾** * **背景**：页尾的背景颜色 * **文字**：页尾的文字颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLLWGD3kKWwte8pDEm%2F-MbLRTH1UhqKQUBZ-w14%2F%E9%A1%B5%E5%B0%BE.jpg?alt=media\&token=70308a9c-5413-48bc-813d-e325091be5bf) **按钮** * **主按钮背景**：主按钮的背景颜色 * **主按钮文字**：主按钮的文字颜色 * **次要按钮背景**：次要按钮的背景颜色 * **次要按钮文字**：次要按钮的文字颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLLWGD3kKWwte8pDEm%2F-MbLRHyfYveKkLpo4YXl%2F%E6%8C%89%E9%92%AE.jpg?alt=media\&token=a5fa9115-b2f3-42d5-9e29-69df7955a8fe) **快速购买** * **表单背景**：快速购买窗中表单的背景颜色 * **表单文字**：快速购买窗中表单的文字颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLLWGD3kKWwte8pDEm%2F-MbLRvEBh1FwxM3paL9t%2F%E5%BF%AB%E9%80%9F%E8%B4%AD%E4%B9%B0.jpg?alt=media\&token=1f33d7ce-29f3-4a6e-b4eb-1614c8d6c266) **商品页** * **图像缩放背景颜色：**商品页中点击图像后放大的窗口的背景颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLLWGD3kKWwte8pDEm%2F-MbLRxh-a7sYxjTBzkcT%2F%E5%95%86%E5%93%81%E9%A1%B5.jpg?alt=media\&token=42fe7a61-4b5e-4bdb-bde1-0ec543f0ffb4) **专辑页** * **推荐页头背景：**专辑详情页中功能标题的背景颜色 * **筛选栏背景：**专辑页中的筛选栏的背景颜色 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbP4DwIpQLDUd2vQEzo%2F-MbP5DPZ4bwkpxxsXwv3%2Fimage.png?alt=media\&token=eab68619-d7b6-4a30-9652-5731e7f237f7) # 版式 {% hint style="info" %} **字体排版设置：**网站后台->店铺装修->主题装修->编辑->全局设置->板式 {% endhint %} * **大写专辑标题**：设置专辑标题为大写 * **大写商品标题**：设置商品标题为大写 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLVGIroJKaICF9kHfP%2F-MbLVH3xscywRRT-KHfC%2F%E6%9D%BF%E5%BC%8F-%E5%AD%97%E4%BD%93.jpg?alt=media\&token=b2231c72-dc90-4f3c-a326-8fcab8475d56) ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLVGIroJKaICF9kHfP%2F-MbLVJm2cnkP1r7_8QtZ%2F%E6%9D%BF%E5%BC%8F.jpg?alt=media\&token=2fd9b28f-88e6-42c5-a591-0083684ea096) # 布局 {% hint style="info" %} 网站后台->店铺装修->主题装修->编辑->全局设置->布局 {% endhint %} **圆角** * **圆角度**：设置主题中图片、蒙层、模块的圆角度 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLS72g2ATnjiR4oygh%2F-MbLSiAZ8UN39fIdegI6%2F%E5%B8%83%E5%B1%80-%E5%9C%86%E8%A7%92.jpg?alt=media\&token=131bfbbd-6035-44e8-929f-30027d9d0435) **按钮** * **圆角度**：设置按钮的圆角度 * **大写文字**：设置按钮文字为大写 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLS72g2ATnjiR4oygh%2F-MbLSj3IEKDQYhIANtJC%2F%E5%B8%83%E5%B1%80-%E6%8C%89%E9%92%AE.jpg?alt=media\&token=fb2442a7-0507-491e-b574-0faf1b738f00) # 色卡切换 {% hint style="info" %} **色卡切换设置：**网站后台->店铺装修->主题装修->编辑->全局设置->商品->色卡切换 {% endhint %} {% hint style="warning" %} **启用色卡的条件：** 1. **网站后台->商品管理->商品中，编辑商品时添加颜色变体且配置图片** 2. **准确填写了变体的名称** 3. **开启‘启用上传的图文色卡‘** {% endhint %} * **启用上传的图片色卡**：开启商品列表色卡。（**应用范围包含首页商品类卡片，专辑详情，商品详情的最近浏览，相关产品***）* * **变体名称**：填写跟色卡对应的变体名称，例如“**Color**”。 * **在专辑页上启用上传的缩略图色卡**：设置在专辑页上启用色卡 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLSl7zxD7m2YqiE9Sl%2F-MbLTB80nrSaOTDR2YWA%2F%E5%95%86%E5%93%81-%E8%89%B2%E5%8D%A1%E5%88%87%E6%8D%A2.jpg?alt=media\&token=651182cc-4f1a-4deb-a464-4369c3321954) # 状态标签 {% hint style="info" %} **状态标签设置：**网站后台->店铺装修->主题装修->编辑->全局设置->商品->封面图 {% endhint %} **状态标签分为5种**，应用范围在***首页商品类卡片，专辑详情，商品详情页的最近浏览，相关商品模块。*** * **开启促销标签：**当销售价格小于原价时，此标签生效 * **开启售罄标签:** 当库存为0不允许购买，此标签生效 * **封面图比例：**设置专辑页的封面图的比例 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLTCooP8azCUCyf1fi%2F-MbLU0-NwUDFf-PWLweb%2F%E5%95%86%E5%93%81-%E7%8A%B6%E6%80%81.jpg?alt=media\&token=da0bde3f-9e86-4bee-bff0-19bab8cc5ebb) {% hint style="warning" %} 同时开启所有标签时，商品根据 售空>新品>热卖>打折促销 的逻辑顺序显示目标商品所满足条件的最高优先级的标签 {% endhint %} # 快速购买 {% hint style="info" %} **快速购买设置：**网站后台->店铺装修->主题装修->编辑->全局设置->商品->快速购买 {% endhint %} * **在封面图中启用快速购买**：设置快速购买 (Quick buy）, 应用范围在首页商品类卡片，专辑详情，商品详情页的最近浏览，相关商品模块。 * **在商品标签中启用快速购买：**启用幻灯片或图像上的商品标签的快速购买 ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-MbLU1e7V8nCjJP2oiPM%2F-MbLUOS4caDcG5Gg4Tg_%2F%E5%BF%AB%E9%80%9F%E8%B4%AD%E4%B9%B0.jpg?alt=media\&token=bef61b11-ab3e-4c5d-bb0a-afc2e2b0df62) # 扩展 {% hint style="info" %} **面包屑设置：**网站后台->店铺装修->主题装修->编辑->全局设置->扩展->设置 {% endhint %} * **在页面显示面包屑：**勾选‘显示面包屑‘ ![](https://3598718591-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mb9TVMaJSh0RdFysLjT%2F-Mge8S-fkng438Y_YGPg%2F-Mge9lBVed7Fqx-tzsnB%2Fimage.png?alt=media\&token=5ddb3864-099d-4996-8311-0712b8307d1d)