京东详情页模板编辑操作手册(商家版)

京东详情页模板商家操作手册（快速入门）目录1.详情页模板市场基本操作说明..............................................21.1.如何进入详情页模板市场...........................................21.2.1.3.挑选模板.........................................................4模板预览效果和购买使用...........................................41.4.已购买的模板在哪里...............................................62.装修界面操作............................................................72.12.2装修界面布局介绍.................................................7导航模块.........................................................82.2.1.模块介绍.........................................................82.2.2.基本操作.........................................................92.32.4文字编辑........................................................10图片编辑........................................................112.4.1.基本操作........................................................112.4.2.管理图片........................................................12图片组基本操作..........................................12图片裁剪................................................16上传图片................................................17删除图片................................................17添加至面板..............................................172.52.6背景设置........................................................18添加模块........................................................182.6.1.添加标头模块....................................................182.6.2添加其他模块....................................................212.7.还原功能........................................................212.7.1.模块还原........................................................222.7.2.模板还原........................................................222.7.3.还原至未使用模板前的状态........................................232.8.预览发布........................................................242.9.批量装修详情页..................................................2511.京东详情页模板市场基本操作说明1.1.如何进入详情页模板市场入口1：浏览器直接输入/进入详情页模板市场首页：图1-1商家端详情页模板市场首页入口2：商家后台——商品管理——商品详情模板2图1-2商家后台详情页模板入口入口3：商家后台——商家工具箱——详情页装修图1-3商家后台详情页模板入口入口4：商家后台——修改商品——功能设置——设置商品详情模板3图1-4商家后台详情页模板入口1.2.挑选模板可以按照行业、风格、色系进行挑选，并且可以根据模板销量、上架时间等排序，图1-5所示页面。图1-5挑选模板1.3.模板预览效果和购买使用1)挑选好模板以后，鼠标移动到选中的模板上面单击进入模板详情页面，图1-64所示页面。“预览”按钮可预览模板装修效果；满意点击“立即购买”便可订购此模板。图1-6模板详情页面按钮，出现商品，点击“添加”按钮，左侧的搜索结果就会添加至右侧已选商品列表框内。图1-753)如图1-8。点击“添加”按钮后，所添加的商品在右下方显示，若添加商品错误可进行“删除”，选择购买周期后点击立即支付，完成支付环节。图1-81.4.已购买的模板在哪里点击左上角的“我购买的模板”，进入“我购买的模板”进行编辑：点击模板使用列表中任意模板后面的“去编辑”按钮（图1-9），进入商品详情编辑器界面。6图1-9模板使用界面2.装修界面操作2.1装修界面布局介绍进入了商品详情编辑器界面，界面如下:点击左侧图），中间编辑区域，右侧模块编辑区域和添加模块区域。图2-1所示页面。7图2-1编辑器界面2.2导航模块图2-2左侧蓝框区域为模块导航缩略图。图2-2导航模块2.2.1.模块介绍1）鼠标单击选中导航模块中的缩略图，对应模块成选中状态出现在模板编辑区8域。2）拖拽导航模块中缩略图更改其在导航区域的位置，对应模块位置自动做相应的改变。3）鼠标单击导航栏（装修页面中间区域）中任意模块，出现模块操作工具条，见（图2-2）。2.2.2.基本操作模块操作工具条：上移下移删除复制1）移动模块鼠标移放至模块操作工具条上面的图标，单击鼠标，可以将当前模块移动到上面紧邻模块前面；单击或图标，可将当前模块移动到下面紧邻模块后面。2）删除模块鼠标移放至模块操作工具条上面的图标，单击鼠标，删除当前模块。3）复制模块鼠标移放至模块操作工具条上面的图标，单击鼠标，复制当前模块，复制出来的模块出现在当前模块下面位置，并处于选中态。92.3文字编辑1）鼠标在模块中定位到相应的标题或者正文，图2-3，双击进入编辑文字状态，如图2-4蓝色框内所示。图2-3鼠标移放在文字上面文字状态图2-4鼠标双击文字的效果2）在图2-4中间区域的篮色框内直接编辑文案，在右侧蓝色框编辑文字属性，目前只支持在中间区域的蓝色框内进行编辑，编辑完后鼠标移到模块外，单击其他模块后编辑的内容生效。102.4图片编辑2.4.1.基本操作1）点击选中需要更换的图片，右侧“图片管理”栏会对应打开2）在图片面板窗口里，用鼠标左键单击一张图片一直拖拽到模块中，如图2-5，拖到图片所在的位置放开鼠标，对应图片便被替代掉，如图2-6。3）图2-5中蓝框圈住的图片可上下左右移动，调整图片的位置。4）在图2-6右侧蓝框内对图片属性编辑，图片可加链接（URL）和描述（ALT）。图2-5拖拽图片11图2-6替换后的效果2.4.2.管理图片点击“管理图片”按钮，弹出图片管理操作框，如图2-7。图2-7图片管理操作框图片组基本操作1）新建分组：a.鼠标单击图2-8新建分组按钮，出现输入框，新建分组按钮变为保存分组如图2-9；b.在输入框输入组名，点击保存分组按钮即可。12图2-8图片管理操作框图2-9新建分组效果2）删除分组：a.单击鼠标选择任意组名，对应组处于选中态，并在组名右侧位置出现“删除”13字样，图2-10；b.点击“删除”字样，删除选中的分组。图2-10删除图片组操作3）修改分组：a.单击鼠标选择任意组名，“添加分组”按钮变为“修改分组”按钮，如图2-11;b.单击“修改分组”按钮，选中组的位置出现输入框，“修改分组”按钮变为“保存分组”按钮，如图2-12；c.在图2-12输入框中输入组名，点击保存分组，完成修改组名。14图2-11图2-12图片裁剪选择需要裁剪的图片，裁剪到需要的大小后点击“裁剪并添加到图片面板”即可完成裁剪功能。如图2-13蓝框内所示。图2-13图2-14上传图片鼠标单击点击“上传图片到分组”按钮，可一次性最多上传六张图片。删除图片鼠标单击选中任意一张图片，删除按钮、确定按钮变红，点击删除按钮，删除图片添加至面板鼠标单击图片，切换图片左上角的复选框选中状态如图2-15，点击确定按钮，选中的图片自动替换“管理图片”栏下的图。图2-15172.5背景设置图2-16背景设置1）点击页面左侧区域中除标头模块之外的任意模块。2）点击页面右侧模块编辑区域的“背景设置”栏。3）左键单击背景色输入框，出现拾色器，在输入框直接输入RGB值，或者在拾色器内单击左侧的色板后，点击右下角的OK按钮来设置背景色，或者点击上传图片，更换背景图。2.6添加模块2.6.1.添加标头模块1）“添加模块”里选择“标头”模块，用鼠标左键单击“标头”模块一直拖拽到中间编辑区域，图1。18图13）在“模块样式”里双击选择设计师设计的标头，图2-18所示。添加的标头即可改变样式，图2-19所示。图2-1819图2-194）添加京东锚点标签（可实现锚点跳转功能）添加标头后，点击右上角编辑框的“模块样式”可选择该品类的标头的中英文内容，在标头列表中选择标头，中间编辑区域模块也会随之发生变化，如图2-20所示。图2-20202.6.2添加其他模块以图文模块为例：（文本、图片模块的派生类似，参考图文模块添加方式）1）“添加模块”里选择“图文模块”，拖入至左侧编辑区域，如图2-21所示。图2-214）在“模块样式”里选择设计师设计的图文样式。图2-222.7.还原功能系统主要涉及三大还原功能21模块还原2.7.1.点击右侧的“模块还原”按钮，该模块即可还原成设计师设计的模块效果。图2-23模块还原前图2-24模块还原后2.7.2.模板还原点击右上方侧的“模板还原”按钮，该模板即可还原至历史发布的时间点状态或者设计师设计的初始模板样式。22图2-25模板还原按钮图2-262.7.3.还原至未使用模板前的详情状态步骤1：首先进入我购买的模板，点击还原按钮23步骤2：在后续跳出提醒框上，确认是否还原到未使用模板前的详情状态。确认还原后跳回商家后台商品管理页面。步骤3：如果您在还原后感觉使用模板前的详情状