京东 JSHOP店铺装修操作界面介绍

一、 概述

装修界面具体分为移动端的店铺/活动装修、电脑端的店铺/活动装修这4个版本。每个界面的功能板块大致相同，但有具体区别，下面将统一介绍大致界面后再单独介绍具体功能。

装修界面由4个部分组成，顶部页面列表、左侧工具栏、中间编辑区、右上功能栏。

1、 顶部页面列表可快速查看当前端口的页面列表，点击页面名称可跳转至该页面的装修界面。

2、 左侧工具栏可对当前页面进行装修和管理，因端口和系统的不同，会有功能模块的差异。 将在第二部分“工具栏介绍”中详细说明。

3、 中间编辑区由可视化店铺编辑区和快速导航组成，可实时查看装修效果，及对店铺模块进行编辑、移动、复制和删除。

4、 右上功能栏在装修完成后可进行操作：备份、预览、发布。将在第三部分“右上功能栏介绍”中详细说明。

二、工具栏介绍

工具栏将分为移动端装修界面和电脑端装修界面进行介绍。因电脑端装修界面与移动端大致一样，但多了布局、页面设置、布局视图这三个板块，所以将统一介绍移动端装修界面后，再具体介绍电脑端独有的这三个板块。

1、移动端店铺/活动装修界面

1）、装修模块：

点击左侧工具栏-【装修】弹出装修模块，可选择合适的模块长按鼠标左键拖入店铺编辑区。点击模块后，模块右边弹出编辑框，可对模块进行编辑、移动、复制、删除。

2）模板（仅店铺装修有，活动装修没有）：

可对当前页面进行模板替换，分为系统模板和我的模板（设计师模板）2个部分。

Ⅰ）点击模板，可在右侧进行预览；

Ⅱ）点击【使用模板】，可切换该模板进行装修，之前的店铺模板会自动备份到【备份】-【模板使用记录】中。注意：模板使用记录只能自动保存2个模板，如要频繁切换模板，请手动备份需要保存的店铺模板；

Ⅲ）如需购买设计师模板，点击页面右上角【选购更多模板】跳转装修市场购买模板。

3）备份：

Ⅰ）手动备份：装修页面备份的模板在此查看、管理；

Ⅱ）发布历史：在装修页面点击发布成功后，系统自动同步备份；

Ⅲ）模板使用记录（仅店铺有）：切换模板时，之前的店铺模板会自动备份在这里。

4）定投：

电脑端所有模块都支持定投；手机端支持模块：浮层、优惠券、图片热区、商品推荐。

Ⅰ）点击左侧工具栏-【定向投放】展开定投设置页面，可设置定投的模块栏右侧有【设置定投】文字，点击可设置；如页面所有模块置灰，则表明没有支持定投的模块，需重新拖入可定投的模块。

Ⅱ）点击【设置定投】弹出人群列表弹窗，可选择需要定向投放的人群，选择完成后点击【确定】。支持按人群名称搜索人群，如没有合适人群，支持点击弹窗下方【创建或管理人群】跳转运营中心-策略管理进行操作。

5）快速导航：

点击【快速导航】按钮弹出模块缩略框，可快速查看模块位置，长按模块可拖动调整位置，鼠标悬停模块显示其可编辑性：编辑、重命名、删除。

2、电脑端店铺/活动装修界面独有板块

1）布局：

点击左侧工具栏-【布局】弹出布局模块栏，可选择合适的布局长按鼠标左键拖入店铺编辑区。点击布局后，左上方弹出编辑框，可对布局进行快速移动、备注、背景设置、复制、布局设置、删除。注意：只有先拖入布局才能拖入模块。

2）页面设置：

点击左侧工具栏-【页面设置】弹出页面设置框，可对页面背景进行设置，支持设置背景颜色和背景图：

Ⅰ）背景色：点击背景色最右边的颜色色块，弹出调色板，支持点击色板或输入色值选择颜色，点击【确认】即可完成设置，如需重新设置颜色，点击【清除】即可重置；

Ⅱ）背景图：点击【选择图片】弹出图片选择器选择图片，支持预览图片缩略图及【删除】图片，下面可设置图片展示方式；

Ⅲ）点击【保存】。

3）布局视图：

点击【布局视图】可快速预览布局和模块的位置排布，支持布局的快速移动、备注、背景设置、复制、布局设置、删除，支持模块的拖动和删除。

三、右上工具栏介绍

右侧工具栏分为备份、预览、发布三个功能按钮。

1）备份：

点击【备份】弹出页面备份窗，填写名称和描述后点击【确定】即可完成备份，已备份的页面在左侧工具栏-备份-手动备份中查看，鼠标悬停备份时，显示可编辑属性，点击【恢复备份】跳转至该页面的编辑界面，点击【删除】即可删除该备份。

2）预览：

点击预览跳转至当前页面的预览界面，手机端支持扫描二维码在手机上查看。

3）发布：

活动页点击【发布】可立即发布页面；店铺页点击【发布】有【立即发布】、【定时发布】两个选项。设置定时发布后，在店铺装修-定时发布里查看。