京东详情页模板系统是是京东官方推出的基于商品详情页装修发布的模板市场,平台汇聚大量顶级设计师,按照京东相关规范制作详情页模板以供商家选择。

直接进入详情页模板首页挑选模板,可以按照行业、风格、色系进行挑选,并且可以根据模板销量、上架时间等排序挑选中意模板。

挑选好模板以后,鼠标移动到选中的模板上面单击进入模板详情页面,图3所示页面。“预览”按钮可预览模板装修效果;满意选择购买期限,点击“立即购买”便可订购此模板。

选择模板并点击“立即购买”后,打开页面如下,输入对应的商品编码(此处商品编码为商家后台商品编码,而不是SKU编码)和商品名称,也可按照京东分类来选择需要装修的商品,点击搜索按钮,出现商品,点击“添加”,左侧的搜索结果就会添加至右侧已选商品列表框内。点击“立即支付”按钮,下单成功后点击“查看商品模板详情”返回“我购买的模板”中进行模板编辑。



进入商品详情编辑器界面,界面如下:
主要四大区域:左侧导航缩略图区域,中间编辑区域,右侧模块编辑区域和添加模块区域。

导航缩略图区域
左侧导航缩略图区域可进行模板 上移、下移、删除、复制操作。
文字编辑鼠标在模块中定位到相应的标题或者正文,双击即可修改替换文字


图片编辑
在图片面板窗口里,用鼠标左键单击一张图片一直拖拽到模块中即可,图片可上下左右移动,调整图片的位置,图片可加链接(URL)和描述(ALT)。


背景更换
点击页面左侧区域中除标头模块之外的任意模块。
点击页面右侧模块编辑区域的“背景设置”栏。
左键单击背景色输入框,出现拾色器,在输入框直接输入RGB值,或者在拾色器内单击左侧的色板后,点击右下角的OK按钮来设置背景色,或者点击上传图片,更换背景图。

锚点添加,详见http://jingyan.baidu.com/article/1974b28982e7b6f4b0f77465.html
编辑完页面后,点击保存/发布即可。