京东pop商家装吧商品详情编辑操作文档

pop商家装吧商品详情编辑操作文档

一、 装吧入口介绍

pop 商家使用装吧的入口有三个。一是通过jdshop.jd.com进入；二是通过xiangqing.jd.com进入；三是通过商家后台商品管理——添加商品页——商品描述区，选择装吧编辑。

1、京东店铺平台

域名：http://jdshop.jd.com/，进入后 【详情装修】即可进入新版装吧。

2、装吧独立平台

域名：http://xiangqing.jd.com/，进入 【我的模板】即可找到编辑入口。

3、商家后台入口

进入商家后台后，在商品管理——添加商品/编辑商品中，都可以找到详情编辑区，在详情编辑区 【使用模板编辑】即可使用装吧，具体所示。

二、商品与模板管理

进入京东店铺平台http://jdshop.jd.com/后， 【详情装修】进入商品管理页面。页面左侧的 【模板管理】则可以进入模板管理页面。

1、商品管理

1.1 【去添加商品】，会跳转到商家后台的商品添加页；

1.2导航栏中，可根据商品类目、商品是否上架，或直接输入商品的编号或名称检索需要的商品；

1.3选中spu，会出现此spu 包含的详情页列表，【发布中】代表此spu 正在使用此详情页，【未发布】表示此详情页未被该spu 使用；

1.4选中详情页，会在页面右侧显示预览效果；

1.5页面右侧的 【移动端】与 【pc 端】按钮可分别预览对应的商品详情页。

2、模板管理

2.1模板分为三类，分别是购买的模板、自定义模板、模板。购买的模板为您在装修市场中购买的模板，自定义模板为您自行创建的模板，模板将会有我们为您提供的一些免费商详模板，后续会陆续上线，并不定时更新；

2.2模板选中，可在右侧查看预览图；

2.3过期的模板，会显示为灰色，并在模板左上角标注 【已过期】，若要继续使用，可以进行续费。自定义模板不会过期；

2.4如果希望购买更多模板，可以 【选购更多模板】，进行模板选购；

2.5 【应用此模板的商品】会出现弹窗，展示该模板已绑定的spu。

3、详情装修基本流程

3.1新建详情页，然后 【pc 端】或 【移动端】来进入对应的装吧工作台，也可以直接对已有的商品详情页进行编辑；

3.2进入工作台后，左侧【模板】可以选择模板，您可以选择购买的模板，也可以选择自定义模板；

3.3进入工作台后，左侧【装修】弹出装修模块，您可以将您需要的模块拖拽到画布上进行装修操作；

3.4在装修完成后， 【发布】即可进行对当前spu 的详情的发布；

3.5pc 端发布成功后，您可以将该详情页绑定到其他spu 上，一次比较多额外绑定 19 个。绑定后的详情页并不会直接发布，需要手动发布。若需要发布移动端的spu，请在商品列表中打开该spu 的移动端详情页，进行编辑发布。

三、 装吧工作台基本操作

1、工具区域

1.1可以将图中的模块拖拽到画布上

1.2 拖拽到画布上之后，模块，可以进行相应的操作，从左至右依次为：【删除】、【重命名】、【复制】、【上移】、【下移】、【设置】

2、 模块管理

2.1 ，在模块列表中，可以对该商详页的模块进行管理；

2.2 通过鼠标拖拽，可以更换模块的位置；

2.3 对单个模块，可以设置隐藏/显示，复制，删除。注：隐藏起来的模块在发布时不会展示！

3、 模块属性设置

3.1 元件右侧的齿轮图标，会出现该元件的属性设置框；

3.2 属性框可以通过拖拽来移动；

3.3 在属性框中，可以设置字体、字号、对齐方式、颜色、背景图片等；

3.4 不同元件的属性框包含的可设置选项不同。

4、顶部功能区

主要用于实现添加部件、对当前部件进行上下移动层级管理、撤销或者保存当前操作，以及对当前详情页进行还原、预览、发布等操作。

5、移动端商品详情页编辑

5.1 进入移动端商品详情页工作台

移动端的商品详情编辑页有两个入口。

(1)在pc 端商品详情页中切换到移动端商品详情页；

(2) 在商品列表页中 【移动端】，直接进入移动端商品详情编辑页。

5.2 移动端字号调整

由于移动端屏幕较小，因此建议您在编辑发布移动端商品详情页时，将字号调整到20px 以上。如果您的移动端商详页是从pc 端转换而来，可以使用我们的一键调整字号功能。

(1) 当您第一次将某商品详情页的pc 端切换至移动端时，会自动出现弹框。您可以选择一键调整字号至20px，也可以选择自行调整。此功能会将该商详页面中的所有小于20px 的字体调整至20px。此操作可逆；

(2) 在顶部的工具栏中，也有一键调整字号至20px 的功能，红框中所示。红框中左侧按钮为一键调整所有小于20px 的字号为20px，右侧按钮则会将所有文字还原为从pc 端转换过来时的初始字号。还原字号的操作不可逆。

6、保存、预览、备份、发布

6.1 相关按钮位置

(1)页面右上角依次为保存、预览、备份、发布的按钮，这四个操作都是针对于当前正在装修的页面。

(2)备份，可将当前页面储存到备份列表中，以后可以从备份列表中选择该页面进行恢复；预览按钮，可打开新窗口预览装修完成后的效果；保存，可保存当前页面

上的内容；发布，可进入发布预览页。

6.2 备份说明

(1) 备份分为手动备份与系统备份。系统备份会在发布时自动进行。要进行手动备份， 【备份】按钮即可出现备份选项，输入备份信息后即可完成。手动备份与系统备份的上限都为10个；

(2) 在装修页面，左侧的【备份】按钮，可以弹出备份列表，您可以选择您需要的备份进行恢复。

6.3 预览说明

预览，进入详情预览页。手机详情页可以使用京东app 扫描二维码，在手机上查看详情页。

6.4 发布说明

(1) 详情页发布后，会进入pc 发布成功页，在页面上可以将当前的详情页绑定到其他spu上，一次比较多额外绑定19个spu；

(2) pc 端与移动端的发布对对方互不影响。例如，如果您只发布了该spu 的pc 端的商品详情页，则该spu 的移动端商品详情页不会发生改变；

(3)额外绑定的spu 不会直接发布，需要在商品列表中，找到spu，进入商品详情编辑页，然后再进行发布操作，方可发布成功。

四、 装吧模板免费版/收费版功能说明