本节主要介绍，开发者完成的主题文件中主要界面的检查项与检查流程。 主要包含以下内容：

文件检查

• 文件包/Package文件
• 布局/Layout目录
• 模板/Templates目录
• 小部件/Snippets目录
• 资源/Assets目录
• 配置/Configs目录

页面检查

• 布局
  • 头部
  • 底部
• 首页 [ / ]
• 商品
  • 商品列表 [ /products ]
  • 商品详情 [ /products/p000001 ]
  • 促销列表 [ /discounts/d000002 ]
• 博客
  • 博客列表 [ /blogs ]
  • 博客详情 [ /blogs/b000001 ]
  • 博客作者 [ /blogs?author=[handle] ]
• 登录页/注册页
  • 登录页 [ /account/login ]
  • 注册页 [ /account/register ]
  • 找回密码 [ /account/forget_password ]
  • 验证邮箱 [ /account/reset_password_with_email ]
  • 重置密码 [ /account/reset/[handle] ]
• 个人中心
  • 我的订单 [ /account/orders ]
  • 个人信息 [ /account ]
  • 修改密码 [ /account/change_password ]
• 购物车 [ /cart ]
• 提交订单页 [ /account/create_order ]
• 订单详情页 [ /account/orders/[handle] ]
• 自定义页 [ /pages/welcome ]
• 其他项
  • 弹窗样式
  • 搜索结果 [ /search?terms=[handle] ]
  • 在线客服
  • 回滚顶部
  • 404界面
  • 500界面
• 设置项

其他

• SEO优化
• 兼容性

文件包/Package文件

主题模板打包文件大小必须小于 5MB 且为 .zip 格式。
命名规范：name-version-time
例如：standard-1.0-160101_0101

布局/Layout目录

Layout 文件夹下包含以下布局文件：

• theme.html

模板/Templates目录

Templates 文件夹下包含以下模板文件：

• blog.html
• blogs_list.html
• cart.html
• discount.html
• index.html
• page.html
• product.html
• products_list.html
• search.html
• type.html
• vendor.html
• account/change_password.html
• account/create_order.html
• account/forget_password.html
• account/index.html
• account/login.html
• account/order.html
• account/orders_list.html
• account/register.html
• account/reset_password.html
• account/social_bind.html
• account/validate_email.html
• system/404.html
• system/500.html
• system/closing.html
• system/protecting.html

小部件/Snippets目录

用来存放 snippet 文件，snippet 文件可以在 template 文件中被引用。可以在 template 文件中，使用 include 方法加载 snippet 文件。

资源/Assets目录

Assets 文件夹用来存放主题中，所有的静态资源文件，包括图片、CSS、JavaScript等文件。可以在 Liquid 文件中使用 asset_url 来加载资源文件。
主题中引用的资源，必须为本主题的 ASSET 文件夹内的内容，或者其他可靠的 CDN 服务。
主要包含以下资源文件：

• main.css （主题主要层叠样式表）
• main.js （主题主要脚本语言）
• user.css （内容为空或注释）
• user.js （内容为空或注释）
• favicon.ico

配置/Configs目录

Configs 文件夹下包含以下配置文件：

• settings_schema.json
• settings_data.json

头部

检查项	样式	功能
LOGO	无图则显示店铺名字 限制图片最大宽度	点击 LOGO 跳转到首页
顶部导航	限制宽度，防止文字过多导致溢出	导航跳转链接正确 未设置链接默认使用 javascript:void(0); 菜单展开功能正常，避免选择不到子菜单
搜索栏	输入框文字垂直居中 输入文字过长溢出处理	收缩与展开流畅 回车键能触发搜索功能 能正常搜索结果
登录按钮	用户登录后登录按钮变为用户名	未登录时点击跳转登录界面 登录后点击进入个人中心
注册按钮	用户登录后注册按钮变为退出登录	未登录时点击跳转注册界面 登录后点击退出当前登录状态
顶部购物车	缩略图水平居中，限制最大宽度 标题、SKU 描述、价格	链接正常 无连接状态下 javascript:void(0);

底部

检查项	样式	功能
底部导航	限制宽度，防止文字过多导致溢出	导航跳转链接正确 未设置链接默认使用 javascript:void(0);
底部二维码	非必须项 如果有则二维码缺省图使用友好速搭官方二维码	可在设置项设置图片
底部支付方式	图标大小一致	可在设置项开启或关闭单个图标
底部版权	长文字情况下，按单词换行	可在设置项设置文字

首页

检查项	样式	功能
轮播图	图片比例正确 翻页按钮水平对齐	跳转链接正确 可在设置项设置图片 轮播图动画正常（注意触屏、单张图情况下）
自定义图文展示	不同尺寸图片显示效果正常 文字过长检查	跳转链接正确 可在设置项设置图片 可在设置项设置文字
自定义页面	页面内容（图文）显示正常，不被其他样式影响 商品列表相关显示正常（图片、名称、简介、价格等）	对应商品跳转链接正确 默认输出 welcome 自定义页面 可在设置项设置输出的自定义页面
虚拟商品	样式与商品列表一致	在店铺后台无上架商品情况下，显示虚拟商品，仅作显示，无实际功能

商品列表

检查项	样式	功能
商品图	不同尺寸图片显示效果正常	对应商品跳转链接正确
商品名	限制宽度，防止文字过多导致溢出
商品简介	限制宽度，防止文字过多导致溢出
售价	表明单位	精度到分，小数点后两位
原价	表明单位 有明显区分于售价的处理，以免混淆价格	精度到分，小数点后两位
筛选	可选条件结构清晰，相同分类条件在同一部分显示 已选条件显眼，以免混淆为可选条件 有仅显示有货按钮	可以清除已选条件 仅显示有货按钮筛选有货商品 筛选结果正确有效 可在设置项开启或者关闭显示筛选
排序	至少有价格、销量、上架时间三种排序方式 有当前选择的排序状态提示（颜色、图标、或者其它方式）	排序结果正确有效
分页	至少有最大和最小页码以及当前所在页码显示 页面过多的情况下，不影响选择页面	页码逻辑正确 页码对应页面正确

商品详情

检查项	样式	功能
橱窗图片	不同尺寸图片显示效果正常，橱窗大小不随图片尺寸变化 图片列表过多情况下显示效果正常	橱窗图切换图片正常 橱窗图细节放大效果正常 橱窗图全屏显示正常
商品名	显示完全（过长情况下也需要）
商品简介	显示完全，后台数据自带排版
售价	表明单位	精度到分，小数点后两位
原价	表明单位 有明显区分于售价的处理，以免混淆价格	精度到分，小数点后两位
SKU选项	分类明确 至少有可选、已选、禁选三种状态 未选择提示内容准确明显	可选、已选、禁选三种状态使用逻辑正确 未选择全情况下，不允许加入购物车，并提示未选择项
数量选择		可以正常选择数量 必须大于 0 ，小于等于库存
库存数量		可在设置项开启或者关闭显示库存
已售数量		可在设置项开启或者关闭显示已售出
促销活动	样式明显，以免被认为是商品原有属性	可在店铺后台促销管理中设置活动 跳转链接到活动页面
商品详情	页面内容（图文）显示正常，不被其他样式影响
分享	样式明显，使用流行的图标	可在设置项开启或者关闭显示分享
加入购物车		未登录匿名状态下正常加入购物车 登录状态能正常加入购物车
添加成功提示	有关闭按钮 结算按钮	未登录匿名状态下能正常关闭或者点击进入结算 登录状态能正常关闭或者点击进入结算

促销列表

检查项	样式	功能
商品图	不同尺寸图片显示效果正常	对应商品跳转链接正确
商品名	限制宽度，防止文字过多导致溢出
商品简介	限制宽度，防止文字过多导致溢出
售价	表明单位	精度到分，小数点后两位
原价	表明单位 有明显区分于售价的处理，以免混淆价格	精度到分，小数点后两位
筛选	可选条件结构清晰，相同分类条件在同一部分显示 已选条件显眼，以免混淆为可选条件 有仅显示有货按钮	可以清除已选条件 仅显示有货按钮筛选有货商品 筛选结果正确有效 可在设置项开启或者关闭显示筛选
排序	至少有价格、销量、上架时间三种排序方式 有当前选择的排序状态提示（颜色、图标、或者其它方式）	排序结果正确有效
分页	至少有最大和最小页码以及当前所在页码显示 页面过多的情况下，不影响选择页面	页码逻辑正确 页码对应页面正确

博客列表

检查项	样式	功能
图片	不同尺寸图片显示效果正常	对应博客跳转链接正确
标题	限制宽度，防止文字过多导致溢出	对应博客跳转链接正确
内容	页面内容（图文）显示正常，不被其他样式影响
分页	至少有最大和最小页码以及当前所在页码显示 页面过多的情况下，不影响选择页面	页码逻辑正确 页码对应页面正确
虚拟博客	样式与博客列表一致	在店铺后台无博客情况下，显示虚拟博客，仅作显示，无实际功能

博客详情

检查项	样式	功能
标题	页面内容（图文）显示正常，不被其他样式影响
内容	页面内容（图文）显示正常，不被其他样式影响
标签	使用专门的标签图形	点击跳转到筛选同标签博客界面
作者	不同尺寸头像图片显示效果正常 作者名字限制宽度，防止溢出	点击跳转到作者页面
时间	建议显示完全（年月日时分秒）
分享	样式明显，使用流行的图标	可在设置项开启或者关闭显示分享
翻页	翻页到尽头，对应翻页按钮隐藏或者有无效提示	能正常翻页
音乐		能正常播放音乐
视频		能正常播放视频

博客作者

检查项	样式	功能
头像	不同尺寸头像图片显示效果正常
笔名	显示完全（过长情况下也需要）
文章数
社交账号	样式明显，使用流行的图标	可在设置项开启或者关闭显示社交账号
文章列表
分页	至少有最大和最小页码以及当前所在页码显示 页面过多的情况下，不影响选择页面	页码逻辑正确 页码对应页面正确

注册页

检查项	样式	功能
注册方式	建议手机、邮箱、用户名三种注册方式	注册方式切换流畅
提示	提示文案准确清晰 若有提示图标，请使用规范图标 验证错误提示明显
输入框	文字垂直居中 左右设置边距，以免贴边
手机验证码	按钮样式，鼠标悬浮为手型	点击获取短信验证码
提交按钮	按钮样式，鼠标悬浮为手型	验证输入内容是否符合规定 能成功注册

登录页

检查项	样式	功能
输入框	文字垂直居中 左右设置边距，以免贴边
提示	提示文案准确清晰 若有提示图标，请使用规范图标 验证错误提示明显
第三方登录	使用正确的第三方图标	可以使用第三方登录
登录按钮	按钮样式，鼠标悬浮为手型	验证输入内容是否符合规定 能成功登录
密码找回	样式显眼，以免被当做普通文字	点击跳转到忘记密码页面

找回密码

检查项	样式	功能
输入框	文字垂直居中 左右设置边距，以免贴边
提示	提示文案准确清晰 若有提示图标，请使用规范图标 验证错误提示明显	验证错误提示应当在重新输入后去除
提交按钮	按钮样式，鼠标悬浮为手型	验证输入内容是否符合规定 能成功提交

验证邮箱

检查项	样式	功能
提示	提示文案准确清晰 若有提示图标，请使用规范图标

重置密码

检查项	样式	功能
输入框	文字垂直居中 左右设置边距，以免贴边
提示	提示文案准确清晰 若有提示图标，请使用规范图标 验证错误提示明显	验证错误提示应当在重新输入后去除
重置按钮	按钮样式，鼠标悬浮为手型	验证输入内容是否符合规定

我的订单

检查项	样式	功能
订单编号
下单时间	建议显示完全（年月日时分秒）
缩略图	不同尺寸图片显示效果正常
商品名称		点击跳转到对应商品
商品描述	商品的SKU
单价	确认显示价格与实际价格相同
数量	确认显示数量与实际选择数量相同
总价	包含运费
运费提示	总价包含运费，此运费仅作运费金额提示
订单状态	等待付款或者支付过期
详情链接	链接或按钮样式，鼠标悬浮为手型	跳转到对应订单详情页

个人信息

检查项	样式	功能
昵称	默认为注册账号
邮箱地址	邮箱注册用户显示注册邮箱，其它默认为空	验证邮箱合法性
手机号码	手机号注册用户显示注册手机号，其它默认为空	若仅输入数字，使用数字输入框，以便移动设备调用数字键盘 电话号码推荐使用 type="tel"
社交账号绑定	社交账号登录后显示社交账号头像 社交账号只允许绑定一个账号
错误提示	提示文案准确清晰 验证错误提示明显	验证错误提示应当在重新输入后去除

修改密码

检查项	样式	功能
原密码	文字垂直居中 使用星号密码
新密码	文字垂直居中 使用星号密码
重复新密码	文字垂直居中 使用星号密码
提示	提示文案准确清晰 若有提示图标，请使用规范图标 验证错误提示明显	验证错误提示应当在重新输入后去除
确认按钮	按钮样式，鼠标悬浮为手型	验证密码正确性

购物车

检查项	样式	功能
勾选按钮	复选框样式	复选功能，全选功能
清空	明显样式	清空所有选择的商品
缩略图	不同尺寸图片显示效果正常
商品名称		点击跳转到对应商品
商品描述	商品的 SKU
商品单价	确认显示价格与实际价格相同 精确到分
单品数量	确认显示数量与实际选择数量相同	可以调整商品数量
商品信息变动提示	在对应商品下出现，样式显眼	下单后，购买商品信息发生变动时出现提示，且不允许购买该商品
单品总价	不含运费 精确到分
删除	按钮样式，鼠标悬浮为手型	点击删除当前购物车对应商品
总商品数量	数量准确
总商品金额	不含运费
优惠金额	满足活动优惠金额数	为负值，减去的金额
金额共计	不含运费 减去优惠金额
确认结算	按钮样式，鼠标悬浮为手型	登录状态下可以成功结算

提交订单页

检查项	样式	功能
收货人	必填项
所在地区	必填项 选择地区（ 省份 —— 城市 —— 县区 ）	使用地址库选择地区 直辖市（ 市区 —— 县区 ）
详细地址	必填项
联系电话	必填项
邮政编码	非必填项
设为常用地址	复选框样式	设置是否为常用地址
编辑和删除	按钮样式，鼠标悬浮为手型	编辑键点击编辑对应地址 删除键点击删除对应地址
增加新地址	按钮样式，鼠标悬浮为手型	新增一个地址编辑框
支付方式	网上支付（第三方支付、银行卡支付） 货到付款	微信打开只允许微信支付
返回购物车按钮	按钮样式，鼠标悬浮为手型	点击返回购物车
商品名称		点击跳转到对应商品
商品描述	商品的 SKU
商品单价	确认显示价格与实际价格相同 精确到分
单品数量	确认显示数量与实际选择数量相同	不可以调整商品数量
单品总价	不含运费 精确到分
配送方式	配送方式与运费	可以选择不同配送方式
订单说明	文本输入框样式	用于填写订单补充说明
总数量	数量准确
商品总价	不含运费
配送总价	当前运费
优惠金额	满足活动优惠金额数	为负值，减去的金额
订单总计	含运费 减去优惠金额 最终支付金额
确认提交	按钮样式，鼠标悬浮为手型	登录状态下可以成功提交

订单详情页

检查项	样式	功能
订单状态	等待付款、支付过期、已取消等状态
下单时间	建议显示完全（年月日时分秒）
付款期限	建议显示完全（年月日时分秒） 样式显眼
付款按钮	按钮样式，鼠标悬浮为手型	过期或者取消的订单无此按钮 登录状态下可以成功进入付款页面
取消订单	按钮样式，鼠标悬浮为手型	过期或者取消的订单无此按钮 登录状态下可以成功取消此订单
收货人
收货地址
联系电话
支付方式		微信打开只允许微信支付
配送方式
商品名称		点击跳转到对应商品
商品单价	确认显示价格与实际价格相同 精确到分
单品数量	确认显示数量与实际选择数量相同	不可以调整商品数量
单品总价	不含运费 精确到分
订单补充说明	长文字按单词换行
总数量	数量准确
商品总价	不含运费
优惠金额	满足活动优惠金额数	为负值，减去的金额
运费	当前运费
金额合计	含运费 减去优惠金额 最终支付金额

自定义页

检查项	样式	功能
文字模块	页面内容（图文）显示正常，不被其他样式影响
商品列表	商品列表相关显示正常（图片、名称、简介、价格等）	对应商品跳转链接正确

其他项

检查项	样式	功能
弹窗样式	不同尺寸屏幕下，弹窗位置正常 弹窗内容准确	有关闭或确定按钮，退出弹窗
搜索结果	无搜索结果时，显示相关无商品提示内容	仅搜索商品
在线客服	随窗口浮动 不影响正常浏览	可以在设置项开启并设置客服联系方式 移动端隐藏客服 能正常使用
回滚顶部	不影响正常浏览	点击窗口回滚到顶部 按钮到顶部隐藏 能正常使用
404界面	界面提示友好	能正常使用
500界面	界面提示友好	能正常使用

设置项

检查项	样式	功能
图片设置	推荐尺寸提示	是否显示开关 图片更换 缩略图显示 跳转链接
文字设置		颜色设置 悬浮颜色设置 文字输入框 缩略图显示 跳转链接 是否显示
商品数量		输入或选择每页显示商品数量
支付图标		颜色设置 开启和关闭对应项设置
显示组件		开启和关闭商品库存 开启和关闭已售商品 开启和关闭商品筛选 开启和关闭商品排序
客服		设置客服联系方式 开启和关闭客服

SEO优化

检查项	样式	功能
网页标题	使用 {{ page_title }} 输出
网页描述	使用 {{ page_desc }} 输出
网页关键词	使用 {{ page_keywords }} 输出

兼容性

通用版主题必须保证兼容 IE8+ (包括 IE8 )，360 安全浏览器、搜狗浏览器、chrome、firefox 等主流浏览器的最新版本。
移动版主题必须兼容手机浏览器与微信内置浏览器。