图片来源@Unsplash，基于CC0协议！
Jshop 店铺装修系统框架
(一)顶部导航栏
1.Jshop 店铺装修系统切换入口：鼠标点击，出现下拉框，多个系统点击进行切换。
2.店铺装修：系统默认频道。
3.模板中心：鼠标点击进入“正在使用的店铺模板、购买的模板、备份的模板”，连接店铺模板入口。
4.装修分析：鼠标点击后默认店铺快照页面，还可以切换热力图分析、来源分析、趋势分析。
5.帮助中心：鼠标点击，出现下拉框，资源中心和装修论坛。
(二)顶部状态栏
1.备份：基础页面上有此功能（除商品详情页），自定义页面右上角没有“备份”功能。
1)点击备份按钮出现弹窗，提示“备份店铺的基础页面，备份后可以去模板中心—备份的模板进行编辑”点击模板中心跳转至模板中心—备份的模板，备份名称是必填项，备注非必填项，系统提供默认图片，点击确定按钮，显示“店铺备份成功”。
2)点击备份按钮出现弹窗 “店铺备份次数已达上限”提示：去 模板中心 删除，店铺备份上限 20套。
2.预览：点击预览按钮，预览当前装修页面详情。
3.发布店铺/发布页面：
1)当页面处于基础页面（除商品详情页），右上角为“发布店铺”，点击发布后显示“店铺正在发布中”。
2)当页面处于自定义页面时，右上角为“发布页面”点击发布后显示“页面正在发布中”。
4.撤销发布
当店铺发布后，出现“”撤消发布“”按钮。
该功能只针对店铺中的 4 个基础页面，自定义页面没有撤销发布功能，店铺撤销发布有以下两种情况
1)没有过发布行为：店铺从未点击过发布的， “撤销发布”按钮置灰。
2)已有发布行为：店铺有过发布行为，点击撤销发布，线上店铺 4 个基础页面会还原至上一次发布时的版本。
5.首页下拉列表：店铺初始状态默认在首页，”标识当前页面，点击显示下拉菜单，展开页面列表浮层，显示所有基础页面名称和所有自定义页面。
6.布局视图开关，切换装修区域和布局
(三)左侧栏
点击“+布局/模块”和 “页面”后，展开侧边栏，再次点击，侧边栏收起。
1. 布局/模块：点击“+布局/模块”展开侧边栏，再次点击“+布局/模块”收起侧边栏3 个布局 1920、990、190790 拖动至装修区域，4 个布局尺寸 1920、990、790、190 切换 tab签，下方适配的模板随之变化
2.页面
1)页面名称：必填项
2)页面地址：系统自动默认，不支持修改。
3)页面关键词：文本框提示“关键词之间用英文逗号隔开，最多可输入 10 个。
4)页面描述：文本框提示“字数不超过 200 个字”。
5)页面背景
i.背景图片：勾选“背景图片”，出现“选择图片”， 图片添加成功，点击删除按钮，“删除此图片”后，露出选择图片的入口，点击重新添加图片。
ii.背景颜色：勾选背景颜色，出现颜色选择器。
3. 将自定义页面设为首页
立即生效：默认为立即生效，选中日期点击确定后， 该页面将直接发布并替换当前首页。
定时生效：选择“定时生效”选中日期后，下方具体时间输入框生效，点击确定后， “页面”将于 2016-03-01 12:00:12 发布并替换成首页”；点击修改，重复二次确认流程；点击删除，删除定时。
装修区域
装修区域可直接预览每个模块的内容， 装修区域默认正在装修的页面，先移入布局再移入模块，有了布局才能添加模块，悬浮布局，出现布局尺寸、拖动按钮、删除按钮。
1. 移入布局：从左侧栏选择布局后长按拖动至装修区域。
2. 移入模块：将模块拖入布局，，禁止拖入模块错误状态给出提示，鼠标悬浮模块，出现模块名称、对应操作项，鼠标点击模块，唤起右侧模块编辑按钮，点击编辑按钮唤起右侧模块编辑，点击皮肤按钮唤起右侧皮肤编辑区，点击代码唤起右侧代码编辑区，点击删除当前模块；点击模块移动光标，可重新拖动模块位置。
3. 布局视图：开关控制
(一)右侧悬浮工具条
没有选中模块时，不出现右侧栏；选中模块后，右侧悬浮工具条出现
1. 编辑模块：点击后，展开侧边栏，当侧边栏展开时，再次点击，侧边栏收起；
2. 模块皮肤：点击后，展开侧边栏，当侧边栏展开时，再次点击，侧边栏收起；
3. /：点击后，从左边展开编辑器，当侧边栏展开时，再次点击，侧边栏收起；
(二)页面管理
店铺招牌和店铺导航固定在基础页面和自定义页面的头部，无法删除，任一页面编辑修改此模块内容，所有页面都生效，同时同步到商详页。
1.店铺信息设置
页面列表拖底展示“店铺信息设置”。
1)店铺名称：系统默认值，不允许修改
2)店铺网址：系统默认值，不允许修改
3)申请二级域名：新开商家后台二级域名设置页
4)店铺关键词：文本框默认提示“关键词之间用英文逗号隔开，最多可输入 10 个”
5)店铺描述：文本框提示“字数不超过 200 个字”
6)店铺简介：文本框提示“字数不超过 14 个字”，点击？显示 设置店铺简介将用于搜索展示图上
7)搜索展示图：点击“选择图片” ，右侧唤起图片空间窗口，选中一张图片后，弹窗关闭
8)设置二维码广告词：开通手机店铺后，二维码展示在 PC 店铺页面上
2.基础页面—首页
店铺初始状态默认在首页，”标识当前页面
3.基础页面—店内搜索页
是固定样式页面，店内热销商品是直接调取数据
4.基础页面—商品列表页
其中店铺招牌、店铺导航是固定的仅能编辑不能删除移动，其他模块可以编辑、删除、移动，页面添加布局和模块。
5.基础页面—商品详情页
“店内广告商品”和“店长推荐商品”设置， “选购商品详情页模板”入口连接至装吧
6.自定义页面
1)新建页面：点击“+新建”，编辑新页面属性编辑区，保存后 出现“设为首页按钮”。
2)删除页面：点击删除按钮，删除成功，如果删除的是当前页面，页面切换到首页。
3)编辑页面信息：在页面列表浮层，鼠标悬浮页面，页面出现编辑按钮
模板中心
点击模板中心进入店铺模板页
（一）正在使用的店铺模板
这里展示店铺当前正在使用的店铺模板，默认展示“京东官方模板”
装修店铺：页面跳转到店铺装修首页
初始化：点击初始化按钮，弹窗“初始化将店铺还原成开店时的状态”
正在使用店铺模板如果是设计师模板，模板过期，装修页面就无法编辑和发布。
（二）购买的模板筛选
分为可使用的和已过期的
1.可使用的
1)显示可使用的设计师模板
2)模板有更新的情况下，模板上出现提示“更新”按钮，点击有更新
提示：模块样式有更新，立即更新吗？
提示：模板样式有更新，马上替换吗？
3)如果设计师模板是用户定制的，在模板上体现“定制模板”字样
4)即将到期的设计师模板显示续费按钮，点击续费新开设计师续费页面
2.已过期的模板
点击续费进入续费页面，点击模板信息， 新窗口打开模板详情页。
（三）备份的模板
在装修首页点击顶部状态栏“备份”所备份的模板展示在这里，手动备份的模板最多 20 套
鼠标悬浮备份的模板出现“使用和定时发布按钮”，如备份的是设计师模板，设计师模板过期这里的备份模板置灰，可点击立即续费
1.定时发布：点击定时发布，设置定时发布的时间，可修改或者删除定时发布，点击“删除定时发布”，出现确认弹窗，删除成功，模板上定时发布标签消失。如果此模板有到期时间提示变成红色并抖动。
2.删除模板：点击删除按钮去选择要删除的模板
模块
（一）店铺招牌
店铺招牌固定在基础页面和自定义页面的头部，无法删除，任一页面编辑修改此模块内容，所有页面都生效，同时同步到商详页。
1.基础设置
1)店铺 LOGO：调用商家后台 logo，这里建议上传 180*60
2)店铺名称：开关控制前台是否显示
3)关注店铺：开关控制前台是否显示
4)背景图片：勾选“背景图片”，出现“选择图片”，图片平铺关闭设置对齐方式，图片平铺打开选择横向平铺还是纵向平铺。
5)背景颜色：勾选背景颜色，出现颜色选择器。
2.热区设置
点击开始编辑，添加图片和热区，每新增一个热区，对应填写一个链接。
3. 自定义设置
点击编辑自定义店招，弹出编辑器
（二）店铺导航
本店所有商品：用开关控制前台是否显示全部商品项，打开后导航上显示“本店所有商品”
2.店内搜索框：用开关控制前台是否显示店内搜索框，打开后导航上显示“店内搜索框”。
3.添加导航
1)名称：输入分类名称
2)链接：设置链接地址，点击管理分类直接连至商家后台。
4.背景颜色设置
（三）图片轮播
1.下边距：商家可以根据需要进行输入修改
2.宽度：可以修改，始终居中显示
3.高度：可以修改，始终居中显示
4.间隔时间：默认 3 秒，可以修改
5.轮播图：
1)链接：文本框设置链接地址
2)删除：点击右侧删除标志，删除对应图片项
（四）商品推荐
下边距：商家可以根据需要进行输入修改添加商品：
1.从商品池筛选
排序：综合排序、销量、价格、评论数、上架时间
全部分类：调取店内分类，选择要推荐的分类
2.SKU 录入
提示：请输入商品编号（SKU ID），编号与编号之间用英文逗号，隔开，最多可输入 100 个 ID
（五）店内分类
使用该模块后店铺店内分类立即显示，点击分类设置，去商家后台进行设置
（六）全部商品展示
1.下边距：商家可以根据需要进行输入修改
2.显示方式：选择 spu 或 sku
3.默认排序：默认综合排序、销量、价格、评论数、上架时间
4.店内搜索框：由开关控制是否显示
（七）销售排行
拖动该模块至相应位置后，店铺所有商品按照销量排序，默认显示 10 个商品
（八）侧边栏
1.首屏显示：由开关控制是否在首屏显示侧边栏
2.宽度：设置侧边栏宽度 PX
3.高度：设置侧边栏高度 PX
4.距屏幕顶部：如在首屏显示，设置侧边栏距屏幕顶部 PX，模块据屏幕顶部190；如不在首屏显示，模块高度与模块距离顶部的像素之和429
5.开启样式编辑器
（九）视频模块
调取商家后台的视频列表，选择是否自动播放
1.播放器宽度：设置宽度 PX，始终居中显示
2.播放器高度：设置高度 PX，始终居中显示