1、 京东详情页模板 商家 操作 手册 （快速入门） 1 目录 1. 详情页 模板市场基本操作说明 2 1.1. 如何进入 详情页 模板市场 . 2 1.2. 挑选模板 . 4 1.3. 模板预览效果和购买使用 . 4 1.4. 已购买的模板在哪里 . 6 2. 装修界面操作 7 2.1 装修界面布局介绍 . 7 2.2 导航模块 . 8 2.2.1. 模块介绍 . 8 2.2.2. 基本操作 . 9 2.3 文字编辑 10 2.4 图片编辑 11 2.4.1. 基本操作 11 2.4.2. 管理图片 12 2.4.2.1 图片组基本操作 12 2.4.2.2 图片裁剪 16 2.4.2.3 上传
2、图片 17 2.4.2.4 删除图片 17 2.4.2.5 添加至面板 17 2.5 背景设置 18 2.6 添加模块 18 2.6.1. 添加标头模块 18 2.6.2 添加其他模块 21 2.7. 还原功能 21 2.7.1. 模块还原 22 2.7.2. 模板还原 22 2.7.3. 还原至未使用模板前的状态 23 2.8. 预览发布 24 2.9. 批量装修详情页 25 2 1. 京东详情 页模板 市场基本操 作说明 1.1. 如何进入 详情页 模板 市场 入口 1： 浏览器直接输入 http:/ 进入 详情 页 模板市场首页： 图 1-1 商家端 详情 页 模板市场首页 入口 2：商
3、家后台 商品管理 商品详情模板 3 图 1-2 商家 后台 详情页模板入口 入口 3：商家后台 商家工具箱 详情页装修 图 1-3 商家 后台详情页模板入口 入口 4：商家后台 修改商品 功能设置 设置商品详情模板 4 图 1-4 商家 后台详情页模板入口 1.2. 挑选模板 可以按照 行业 、 风格 、色系进行挑选，并且可以根据模板销量、上架时间等排序 ，图 1-5 所示页面。 图 1-5 挑选模板 1.3. 模板预览效果和购买使用 1) 挑选好模板以后，鼠标移动到选中的模板上面 单击进入 模板详情页面 ， 图 1-65 所示页面 。 “预览”按钮可预览模板装修效果；满意点击“ 立即 购买”
4、便可订购此模板。 图 1-6 模板详情页面 2) 选择模板并点击“使用”后，打开页面如下，输入对应的 商品 编码 (商家后台商品编码 )和商品名称，也可按照京东分类来选择需要装修的商品，点 击搜索按钮 ，出现商品，点击“添加”按钮，左侧的搜索结果就会添加至右侧已选商品列表框内。 图 1-7 6 3) 如图 1-8。点击“ 添加 ”按钮 后，所添加的商品在右下方显示 ，若添加商品错误可进行“删除” ， 选择购买周期后 点击立即支付，完成支付环节 。 图 1-8 1.4. 已购买的模板在哪里 点击 左 上角的“ 我购买的模板 ”，进入 “我购买的模板”进行编辑 ： 点击模板使用列表中任意模板后面的
5、“ 去 编辑”按钮（图 1-9），进入商品详情编辑器界面。 7 图 1-9 模板 使用界面 2. 装修界面操作 2.1 装修界面布局介绍 进入了商品详情编辑器界面，界面如下 : 主要四大区域：左侧导航缩略图区域 （左侧导航 缩略图 默认为隐藏，需要查看，点击左侧 图） ，中间编辑区域，右侧模块编辑区域和添加模块区域。图 2-1 所示页面。8 图 2-1 编辑器界面 2.2 导航模块 图 2-2 左侧蓝框区域为模块导航缩略图。 图 2-2 导航模块 2.2.1. 模块介绍 1） 鼠标单击选中导航模块中的缩略图，对应模块成选中状态出现在模板编辑区9 域。 2） 拖拽导航模块中缩略图更改其在导航区域
6、的位置，对应模块位置自动做相应的改变。 3） 鼠标单击导航栏（装修页面中间区域）中任意模块，出现模块操作工具条，见（图 2-2）。 2.2.2. 基本操作 模块操作工具条： 上移 下移 删除 复制 1） 移动模块 鼠标移放至模块操作工具条上面的 图标，单击鼠标，可以将当前模块移动到上面紧邻模块前面；单击或 图标，可将当前模块移动到下面紧邻模块后面。 2） 删除模块 鼠标移放至模块操作工具条上面的 图标，单击鼠标，删除当前模块。 3） 复制模块 鼠标移放至模块操作工具条上面的 图标，单击鼠标，复制当前模块，复制出来的模块出现在当前模块下面位置，并处于选中态。 10 2.3 文字编辑 1） 鼠标在
7、模块中定位到相应的 标题 或者正文 ， 图 2-3，双击进入编辑文字状态，如图 2-4 蓝色框内所示。 图 2-3 鼠标移放在文字上面文字状态 图 2-4 鼠标双击文字的效果 2） 在图 2-4 中间区域的篮色框内直接编辑文案，在右侧蓝色框编辑文字属性，目前只支持在中间区域的蓝色框内进行编辑 ， 编辑完后 鼠标移到模块外，单击其他模块后编辑的内容生效。 11 2.4 图片编辑 2.4.1. 基本操作 1） 点击选中需要更换的图片，右侧“图片管理”栏会对应打开 2） 在图片面板窗口里，用鼠标左键单击一张图片一直拖拽到模块中 ， 如图 2-5，拖到图片所在的位置放开鼠标，对应图片便被替代掉，如图
8、2-6。 3） 图 2-5 中蓝框圈住的图片可上下左右移动，调整图片的位置。 4） 在图 2-6 右侧蓝框内对图片属性编辑， 图片可加链接（ URL）和描述（ ALT）。 图 2-5 拖拽图片12 图 2-6 替换后的效果 2.4.2. 管理图片 点击“管理图片”按钮，弹出图片管理操作框，如图 2-7。 图 2-7 图片管理操作框 2.4.2.1 图片组基本操作 1）新建分组 ： a. 鼠标单击图 2-8 新建分组按钮，出现输入框，新建分组按钮变为保存分组如图 2-9； b. 在输入框输入组名，点击保存分组按钮即可。 13 图 2-8 图片管理操作框 图 2-9 新建分组效果 2） 删除分组：
9、 a. 单击鼠标选择任意组名，对应组处于选中态，并在组名右侧位置出现“删除”14 字样，图 2-10； b. 点击“删除”字样，删除选中的分组。 图 2-10 删除图片组操作 3） 修改分组： a. 单击鼠标选择任意组名 ， “添加分组”按钮变为“修改分组”按钮 ， 如图 2-11; b. 单击“修改分组”按钮，选中组的位置出现输入框，“修改分组”按钮变为“保存分组”按钮，如图 2-12； c. 在图 2-12 输入框中输入组名，点击保存分组，完成修改组名。 15 图 2-11 图 2-12 16 2.4.2.2 图片裁剪 选择需要裁剪的图片，裁剪到需要的大小后点击“ 裁剪并添加到图片面板 ”
10、即可完成裁剪功能。如图 2-13 蓝框 内所示。 图 2-13 图 2-14 17 2.4.2.3 上传图片 鼠标单击点击“上传图片到分组”按钮，可一次性最多上传六张图片。 2.4.2.4 删除图片 鼠标单击选中任意一张图片，删除按钮、确定按钮变红，点击删除按钮，删除图片 2.4.2.5 添加至面板 鼠标单击图片，切换图片左上角的复选框选中状态如图 2-15，点击确定按钮，选中的图片自动替换“管理图片”栏下的图。 图 2-15 18 2.5 背景设置 图 2-16 背景设置 1） 点击页面左侧区域中除标 头 模块之外的任意模块。 2） 点击页面右侧模块编辑区域的“背景设置”栏。 3） 左键单击
11、背景色输入框，出现拾色器，在输入框直接输入 RGB 值，或者在拾色器内单击左侧的色板后，点击右下角的 OK 按钮来设置背景色，或者点击上传图片，更换背景图。 2.6 添加模块 2.6.1. 添加标头模块 1）“添加模块”里选择“标头”模块，用鼠标左键单击“标头”模块一直拖拽到中间编辑区域，图 1。 19 图 1 3） 在“模块样式”里双击选择设计师设计的标头，图 2-18 所示。添加的标头即可改变样式，图 2-19 所示。 图 2-18 20 图 2-19 4） 添加京东 锚点 标签 （可实现锚点跳转功能） 添加标头后 ， 点击右上角编辑框的“模块样式”可选择该品类的标头的中英文内容， 在标头
12、列表中选择标头，中间编辑区域模块也会随之发生变化 ，如图 2-20所示。 图 2-20 21 2.6.2 添加 其他模块 以图文模块为例 ： （文本、图片模块的派生类似，参考图文模块添加方式） 1） “添加模块”里选择“图文模块”，拖入至左侧编辑区域，如图 2-21 所示。 图 2-21 4） 在“模块样式”里选择设计师设计的图文样式。 图 2-22 2.7. 还原功能 系统主要涉及 三 大还原功能 22 2.7.1. 模块还原 点击右侧的“模块还原”按钮，该模块即可还原成设计师设计的模块效果。 图 2-23 模块还原前 图 2-24 模块还原后 2.7.2. 模板还原 点击右上方侧的“模板还
13、原”按钮，该模板即可还原至历史发布的时间点状态或者设计师设计的初始模板样式。 23 图 2-25 模板还原按钮 图 2-26 2.7.3. 还原至未使用模板前的详情状态 步骤 1：首先进入我购买的模板，点击还原按钮 24 步骤 2：在后续跳出提醒框上，确认是否还原到未使用模板前的详情状态。 确认还原后跳回商家后台商品管理页面。 步骤 3：如果您在还原后感觉使用模板前的详情状态不是很让您满意，也可以选择恢复到装吧模板状态 。 2.8. 预览发布 页面上方右侧依次为 模块 还原、预览、保存、发布的按钮（图 2-27），这四个操作都是针对于当前页面左侧区域的整个装修区域，点击还原按钮，可将页面左侧区
14、域还原设计师设计的效果；点击预览按钮，可打开新窗口预览装修完成后的效25 果；点击保存，可保存装修后的效果；点击发布，可发布装修的模板以供使用。 图 2-27 2.9. 批量装修详情页 一键发布功能即能把 A 模板的内容一键拷贝到 B/C/D 等其他多个商品上。 一个模板可同时运用于多款商品，在发布页面对需要套用模板的商品编码进行勾选，确认发布后，勾选的商品编码快捷套上了该模板（图 2-28）。 此处展示商品编码必须符合两个条件：一为模板已经绑定的商品编码，二必须和编辑的商品编码是同一个三级品类。 图 2-28 批量装修详情页 26 如需对勾选的商品编码进行修改，只需进入 ” 我购买的模板 ” 页面 ，对需要修改的商品编码进行修改即可（图 2-29）。图 2-29 模板使用界面 附件： 相关操作教程 详情模板市场论坛： http:/ 视频教程： http:/ 图文教程： http:/ 咨询 QQ 群： JD 详情页模板市场 410164053
