自定义页面

SailorMoon

视频讲解
复制此链接在浏览器打开即可进行播放（视频学习地址：https://v.qq.com/x/page/x087132unj1.html）

一：功能介绍
“自定义页面”是一个很强大的功能，使用这个功能可以有效提高店铺建设的效率，降低维护的成本,可以通过商城首页链接一个二级页面

二：功能路径
后台-系统设置-自定义页面


三：操作流程
1.点击添加页面（如下：图1），填写模板名称（如下：图2），点击提交保存
图1；


图2；


2.添加之后，点击编辑首页，针对添加的版块进行编辑



3.如果您想在顶部显示一个幻灯片，选中幻灯片组件拖动到空白处



点击图片上传，可以上传图片，点击放大镜可以选择图片相对应的链接地址，点击这个图片就可以跳转到这个链接地址
（注意：幻灯片最多可以上传5张，图片尺寸：宽：640px，高：自定义，格式JPG）



效果图如下：


4.如果您想在幻灯片下方显示一个产品分类，可以选择一行几列，例如：一行五列
选中一行五列，拖动到空白处

点击图片上传，可以上传图片，点击放大镜可以选择图片相对应的链接地址，在文字区域里面填写文字，会显示到图片下方相对应的位置
（注意：图片尺寸宽：128px，高：128px，格式JPG）


点击颜色处，选择你想使用的颜色可以更换文字区域的背景色和文字颜色，点击取色


效果图如下：


5.如果您想加一个产品搜索框，可以选择搜索框，例如：搜索框二
拖动搜索框二拖动到空白处


右侧功能
选择无：右方可以上传一张图片，点击图片上传可以上传这张图片，点击图片可以链接相对应的链接地址


效果图如下：


选择二维码：可以上传一张微信公众号的二维码，点击二维码可以看见上传的二维码图片，长按识别可以关注微信公众号



效果图如下：




选择消息：可以显示平台在会员管理-站内信管理里面发布的信息



效果图如下：


可以更改搜索框颜色和框内文字内容


6.如果您想添加一个公告，可以选择公告组件，拖动到空白处


文字颜色：可以更换文字的颜色
文字背景颜色：可以更换文字背景的颜色
滚动个数：选择一次滚动几个，最多可以滚动5个
滚动效果：可以选择不同的滚动效果
滚动时间：可以选择文字滚动的一个时间（500ms、700ms、1000ms、1600ms）
滚动方向：可以设置向上/向左滚动
选择文章：选择滚动的文章





7.如果您想在下方添加产品，可以选择分类列表或者产品列表，例如：分类列表
拖动分类列表到空白处



产品默认列表：可以选择展示的哪个分类下的产品，例如：美妆
产品默认排序：可以选择产品是按照时间|价格|销量排序
产品显示条数：可以再这个分类列表首页展示多少个产品
产品列表样式：可以选择产品展示方式，有四种方式可以供我们选择
产品额外属性：首页展示的产品是否显示折扣|销量|积分|购物车
产品标题栏样式：产品标题的一个展示效果，有四种可供选择
产品标题栏更多显示：是否显示更多这两个文字
产品标题栏标题文字 ：产品标题栏目的文字
产品标题栏按钮文字：可以将“更多”字样改成其它文字






显示效果如下：


四：使用场景
添加好自定义页面之后，可以链接到商城首页某个图片处
在系统设置-自定义页面添加好自定义页面之后，可以看到这个自定义页面的链接地址（如下：图1）
复制链接地址，添加到我的微信-素材管理-自定义URL（如下：图2）
点击商城设置-模板编辑-购物页h5（如下：图3）
图1；

图2；

图3；



例如：幻灯片图1想链接咱们添加好的自定义页面，点击放大镜，点击添加，选择咱们添加好的自定义URL，保存就可以了


效果图如下：