B2B Sky 强化模板

Sky B2B模板，是全新架构的模板体系，支持非常强的装修设计

Sky模板

模板特色：

• 全新重构模版框架，官网更多的是塑造品牌，对模版的可配置型要求更高，无论首页，还是自定义页面，都需要更为灵活的配置和更多的卡片。
• 全局配置强化，对标题，副标题，文本，按钮等多种展现形式进行了预设，各个装修卡片可以复用，进而实现更改后全局修改字体大小，颜色，等
• 装修卡片新增，除了支持现有的装修卡片，又新增了20+装修卡片，极大的丰富了装修内容
• 装修卡片，加入样式栏目，任何一个卡片都可以在样式栏目，定义标题，副标题，文本，按钮，背景色，特效等
• 装修卡片加入预览功能，在添加卡片之前即可看到预览效果，方便用户快速找到满意的装修卡片
• 装修卡片加入收藏功能，用户可以将某个装修好的卡片进行搜藏
• 支持在模版装修内，可以创建多个自定义页面，进行自定义页面的装修，也就是自定义页面可以复用模版装修的卡片（在菜单-自定义页面，原有的功能仍支持，也就是您有2种方式创建自定义页面）
• 模板装修过程中，支持前进和后退。
• 模板内部的装修文字，支持一键翻译。

全局配置

对模板的全局参数配置

一.主题

• 主题色
• 布局宽度
• 内容留白

二.字体

全局配置里面，预设了四种类型的字体配置：

• 标题
• 副标题
• 正文
• 特殊文本

1.您可以在全局配置中对这4种文本进行配置，配置后，在各个装修卡片里面可以直接复用，譬如在左文右图装修卡片中的文字直接复用全局配置

2.在左文右图装修卡片中，可以直接使用全局配置中的4种类型的字体配置，如果您的文字想自定义，那么可以在下拉条中点击自定义，卡片文字单独进行配置

3.通过预设四种类型的字体，基本上满足大多数卡片的文字配置，通过全局配置，可以一下将所有卡片的文字进行整体更改，方便高效

三.按钮

目前在全局配置中，预设了2种类型的按钮，基本上满足对按钮的需求

• 浅色模式按钮
• 深色模式按钮

您可以分别在全局配置中配置这2种按钮，然后在装修卡片里面直接复用即可

四：其他

其他的配置项，和原来的模板大致相同，这里不做具体的介绍了

卡片分组 && 卡片预览

1.模板装修，点击添加卡片按钮，即可弹出添加卡片窗口，sky模板对卡片进行分组，每一个卡片组下面有多个装修卡片

2.点击卡片分组，即可得到这个分组下的卡片列表，每一个卡片都有预览图，点击卡片预览图后，即可将这个卡片添加到模板装修里面

卡片收藏

1.卡片装修完成后，为了更好的复用卡片，您可以对装修好了的卡片进行收藏操作

2.收藏后，点击添加卡片，即可查看收藏的卡片列表

如上图，您可以进行收藏卡片文字的修改，或者将收藏卡片进行删除

点击卡片的预览图，即可通过装修的卡片，创建装修卡片（通过收藏的卡片创建，将复用收藏的卡片的配置，节省配置的时间）

3.跨站点复用收藏的卡片

在实际操作中，会存在跨站点操作，譬如：A站点进行模板装修，进行某个卡片收藏，然后到B站点进行模板装修，使用复用A站点收藏的卡片。 sky模板支持收藏的卡片跨站点复用，最大化的节省多站点装修时间

需要注意的是，收藏是和账号进行绑定的，账号A收藏的装修卡片，账号B是不可以使用的。如果账号A拥有操作多个站点的权限，那么就可以跨站点复用收藏的装修卡片

装修卡片

目前共支持46种装修卡片，已满足大多数的对卡片的需求，如果你感觉想要的卡片不支持，想定制装修卡片，您可以联系我们进行装修卡片的定制

卡片样式

sky模板的卡片装修，和以前的模板卡片的不同之处，在于加入了样式部分

选中某个装修卡片，在屏幕右侧点击样式tab，即可查看样式的配置，里面加入了很多的自定义配置，满足大多数用户对装修的需求

1.基础

• 对卡片背景的详细配置
• 文案背景
• 间距留白

2.标题

• 对卡片中标题部分文字的配置
• 文本风格，您可以复用全局配置，也可以自定义
• 颜色配置
• 对齐方式
• 显示方式

3.副标题

• 和上面的标题类似

4.描述信息

• 和上面的标题类似

5.按钮

• 可以复用全局配置中的按钮配置
• 对齐方式

6.动画

• 动画效果：无，淡入，滑动，弹跳
• 动画方向：中间，向上，向下，向右，向左

7.自定义css

• 卡片内部的自定义css样式

通过自定义的样式，您可以方便的更改UI风格

sky模板，通过样式部分，您可以拥有更多的配置选项，对模板进行自定义UI配置

前进 && 后退

当您进行模板的装修，可能误删了装修卡片，文字内容等，您可以使用撤销 && 恢复 进行回滚或者前进

一键翻译

对于模板装修的文字，比较琐碎，很多地方都有文字，单个点击翻译比较麻烦，您可以点击按钮，进行一键翻译

自定义页面装修

自定义页面，之前是在商家端后台，通过菜单点击进入自定义页面，进行自定义页面内容的编辑，支持副文本和卡片装修两种方式， 这里的卡片装修是独立装修卡片库的，无法使用模板中的装修卡片。

为了让自定义页面可以使用sky模板的装修卡片，我们在模板装修里面支持创建自定义页面，以及对自定义页面进行装修

一：自定义页面

1.点击顶部的下拉条，点击自定义页面，进入自定义页面的装修

2.自定义页面，全局装修

如上图，您如果点击添加卡片,添加装修卡片，那么所有的自定义页面都将加上这个装修卡片，也就是全局的添加

二：创建自定义页面

1.点击顶部的下拉条，如下图

2.可以看到已经创建的自定义页面列表，可对自定义页面进行操作，以及点击底部的按钮，进行自定义页面创建

3.点击新建页面按钮, 弹出窗口，您可以点击新建页面按钮，进行创建，或者复用已收藏的自定义页面进行创建

4.填写信息，进行自定义页面创建

5.创建完成后，即可看到已创建的自定义页面，点击，即可进入该自定义页面的装修

6.进入该自定义页面的装修

7.装修后的效果

8.点击发布即可（右上角发布按钮）

9.预览

点击顶部的下拉条

点击页面预览按钮

即可查看具体的预览效果

10.挂载到菜单

您可以进入菜单管理页面，和普通的自定义页面一样，通过链接选择器，将其挂载到菜单

11.特别说明

• 通过菜单：自定义页面，创建的自定义页面，无法在模板装修中进行编辑
• 在模板装修里面创建的自定义页面，无法在菜单：自定义页面中进行编辑
• 也就是说，这2部分的查看和编辑是隔离的，是不同的类型
• 在链接选择器里面，可以看到这2部分的自定义页面，都可以进行添加（菜单，以及模板装修里面的链接选择器，都可以进行添加）