模板编辑

admin

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


一、功能介绍
在此编辑商城模板（首页H5编辑，首页小程序编辑，购物页H5编辑，购物页小程序编辑）
二、功能路径
系统后台--商城设置--模板编辑


三、操作流程
模板编辑包含首页H5编辑，首页小程序编辑，购物页H5编辑，购物页小程序编辑

首页H5编辑（编辑是联盟商家页面）
注：在首页H5页面编辑时可以在此页面更换每张图片和每张图片后的链接地址，在链接地址后方点击放大镜即可进行选择链接地址





效果图如下；


首页小程序编辑（编辑小程序端联盟商家页面效果）
注：在首页小程序编辑时可以在此页面更换每张图片和每张图片后的链接地址，在链接地址后方点击放大镜即可进行选择链接地址



效果图如下：



购物页H5编辑（编辑普通商家购物页面）
注：在购物页可以选择固定的风格模板或者是DIY首页
DIY购物页操作流程如下；1.先设置一个搜索框二，在左侧组件中选择拖动到中间空白区域进行设置，拖动成功之后，选中需要设置的板块，在右侧组件属性编辑中进行编辑。
组件属性编辑；
右侧功能：无（无是不显示搜索框最右侧的二维码图片）/二维码（二维码指可以在搜索框最右侧上传二维码）/消息（消息是指在搜索框最右侧显示消息窗口，点击消息窗口可以查看商城中添加的通知消息【通知消息是在会员管理--站内信中进行添加（如下：图2）】）
二维码图片：尺寸要求25*25像素，格式jpg
下方白框中可以设置提示文字：例如：搜索商品
区域背景颜色：可以点击选择搜索框区域颜色


图2；


效果图如下；



2.设置幻灯片，在左侧组件中选择幻灯片组件拖动到中间空白区域，然后选择需要编辑幻灯片组件，在右侧组件属性编辑进行编辑。
幻灯片部分最多可以上传5张图片，每张图片的尺寸要求：宽640px，高自定义，每张图片可以选择链接地址，在链接地址后方点击放大镜，在跳出的窗口之后点击添加（如下：图2），添加点击之后，就可以在链接地址部分选择链接地址（如下：图3）


图2；


图3：


效果图如下；

3.添加一行两列板块，在左侧组件中选择一行两列组件拖动到中间空白区域，然后选择需要编辑一行两列组件，在右侧组件属性编辑进行编辑。
可以上传两张图片，每张图片的尺寸要求宽640px，高自定义，图片下方可以设置此图片文字和文字颜色和背景颜色（如下：图1）
每张图片可以选择链接地址，在链接地址后方点击放大镜，在跳出的窗口之后点击添加（如下：图2），添加点击之后，就可以在链接地址部分选择链接地址（如下：图3）
图1；


图2；


图3；


效果图如下；


4.添加分类列表，在左侧组件中选择分类列表组件拖动到中间空白区域，然后选择需要编辑分类列表组件，在右侧组件属性编辑进行编辑。
产品默认列表：点击放大镜，在跳出的窗口，点击添加（如下：图1），点击添加之后，可以在产品默认列表下方选择分类（如下：图2）
产品默认排序：时间/价格/销量（可以根据这些条件进行排序）
产品条数：这个分类板块显示产品数量
产品列表样式：可以选择产品的显示形式，总共有4种可供选择
产品额外属性：折扣，销量，积分，购物车，可以进行勾选属性
产品标题栏样式：可以选择标题栏样式，总共有4种可供选择
产品标题栏更多显示：是否在标题旁边显示更多按钮
产品标题栏标题文字：例如：美妆护肤
产品标题栏按钮文字：标题旁边更多文字可以更换为其他文字，在空白区进行填写，可以选择留空，留空即为更多



图1：

图2；


效果图如下；


设置好的首页显示效果如下；




购物页小程序编辑（编辑小程序端购物页普通商家页面效果）
注：在首页小程序编辑时可以在此页面更换每张图片和每张图片后的链接地址，在链接地址后方点击放大镜即可进行选择链接地址




效果图如下；