[发明专利]一种在线交互式商品详情页编辑方法和系统

说明书

本发明公开了一种在线交互式商品详情页编辑方法和系统，所述方法包括：提供多个操作界面，采用界面化编程技术，通过不同的操作界面分别处理商品详情页中的商品详情页模板以及商品信息，并封装成电商平台能够发布的商品详情页面。本发明利用简化了商品详情页的装修效率，加快了电子商务产品上新速度。

技术领域

本发明涉及视觉版面设计技术领域，尤其涉及一种在线交互式商品详情页编辑方法和系统。

背景技术

现有电商商品详情页依靠美工修图、排版、调整、裁剪，生成商品详情页首先需要设计人员设计PSD文件，然后开发人员通过PSD文件编写固定程序代码的商品详情页模板，再将制作好的商品详情页通过excel方式上传商品基础数据与图片数据后，选择相应的商品详情页模板即可生成相应详情页图片数据。这种传统流程需要几十分钟到几个小时。

现有通过命名匹配的方式生成电商平台商品详情页。先对模板上的图片占位框进行命名，然后对素材图片文件指定命名，通过计算机程序将指定命名的素材图片文件放置在模板上相同命名的图片占位框上即可。该方法缺点是需要设计师预先在头脑中规划详情页版面，然后指定素材图在详情页上的位置，最后给图片文件命名。该方法仅仅在详情页模板上填充已经命名好的图片，没有智能排版布局的功能，提升效率很有限。

随着技术的改进，先已有详情页排版系统，根据客户提交的原始详情页模板上传到排版系统，排版系统具有解析PSD源文件的解码功能，通过排版系统中的解码功能会解析PSD源文件，结合商家提供的预设模板信息生成可供人工智能识别和自动编辑的智能模板，接下来根据客户提供的产品图片上传到排版系统中的智能模板上，排版系统会从美学标准角度出发自动视觉识别产品图片的内容，其自动识别产品的图片内容通过自动比对、摆放、裁剪和美化图片来组合成商品展示详情页面，排版系统会从美学标准角度出发以DenseNet模型自动视觉识别并排版处理产品图片的内容，并最终通过自动比对、摆放、裁剪和美化图片将字段和图片拼接到智能模板上对应的区域内组合成商品展示详情页面。其缺点是：该方法处理某个素材包时，只有一个预先配置的详情页模板。当素材图的服装类型不符合模板上预设类型，或者素材包图片成分复杂，会导致最终详情页效果不佳，需要人工在详情页编辑器中大量调整，效率依然不高。

因此本发明发明人针对现有详情页制作过程，总结以下几点问题：

(1)商户需要多次修改商品详情页，每一次修改都要重复操作生成商品详情页的过程，比如，修改其中一个字，也需要技术人员通过修改代码来实现相应的更改。

(2)当处理多细节或多色图片展示时，比如一个展示区域需要展示不同颜色或者不同细节的多个图片时，需要针对每一种展示效果编写一串代码，由于不同的开发技术人员编写，容易出现大量的冗余和重复工作。

(3)针对同一段文字内中英文字体不同的需求无法满足。

(4)当详情页中存在较多A元素在B元素某个位置展示，无法统一定位设置解决方案。

(5)没有统一便捷的图片处理解决方案。

发明内容

为解决上述问题，本申请实施例通过提供一种在线交互式商品详情页编辑方法和系统，通过界面化编程达到简化开发维护操作，降低成本的目的，且通过自动匹配模板，解决系列处理问题，利用字符重组，解决中英文字符字体不同以及换行的问题，以及解决图文占位元素的定位问题。

本申请实施例提供了一种在线交互式商品详情页编辑方法，所述方法包括：提供多个操作界面，采用界面化编程技术，通过不同的操作界面分别处理商品详情页中的商品详情页模板以及商品信息，并封装成电商平台能够发布的商品详情页面；其包括步骤：

S1：提供商品详情页的模板编辑界面，对商品详情页的排版以及图文设计进行编辑，获取不同的图文展示模板，并组合形成商品详情页模板；