CN114445177A - 商品详情页面展示方法及电子设备 - Google Patents

商品详情页面展示方法及电子设备 Download PDF

Info

Publication number
CN114445177A
CN114445177A CN202111676112.5A CN202111676112A CN114445177A CN 114445177 A CN114445177 A CN 114445177A CN 202111676112 A CN202111676112 A CN 202111676112A CN 114445177 A CN114445177 A CN 114445177A
Authority
CN
China
Prior art keywords
layer view
content
view
area
layer
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202111676112.5A
Other languages
English (en)
Inventor
贾佳
孟令仁
孙立岩
姚思雅
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Alibaba China Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba China Co Ltd filed Critical Alibaba China Co Ltd
Priority to CN202111676112.5A priority Critical patent/CN114445177A/zh
Publication of CN114445177A publication Critical patent/CN114445177A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]
    • G06Q30/0641Shopping interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • General Business, Economics & Management (AREA)
  • Strategic Management (AREA)
  • Marketing (AREA)
  • Economics (AREA)
  • Development Economics (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例公开了商品详情页面展示方法及电子设备,所述方法包括:接收对目标商品的详情页面进行展示的请求;展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,通过第一层视图承载关于所述目标商品的第一内容,通过第二层视图承载关于所述目标商品的第二内容;所述第二内容包括:根据所述目标商品所属的类目生成的专业性内容。通过本申请实施例,可以提升用户获取信息的效率,并可以更好的满足不同用户的不同浏览需求。

Description

商品详情页面展示方法及电子设备
技术领域
本申请涉及页面展示技术领域,特别是涉及商品详情页面展示方法及电子设备。
背景技术
在传统的商品信息服务系统中,商品详情页面主要以平铺直叙的方案来依次呈现商品主图、购买类信息、用户评价信息、商品的图文详情等。用户的浏览顺序为:先看主图,然后阅读购买类信息(价格、促销、物流等)、再读商品的图文详情信息(属性、款式、上身图等)。虽然页面中提供的信息很多,并且可以为用户提供“商品”、“评价”、“详情”等导航标签,实现对各个区块的快捷定位,但是,对于还未充分了解商品的用户,仍然无法快速获得其所需的信息。
因此,如何更好地帮助用户获得关于商品的信息,成为需要本领域技术人员解决的技术问题。
发明内容
本申请提供了商品详情页面展示方法及电子设备,可以提升用户获取信息的效率,并可以更好的满足不同用户的不同浏览需求。
本申请提供了如下方案:
一种商品详情页面展示方法,包括:
接收对目标商品的详情页面进行展示的请求;
展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,通过第一层视图承载关于所述目标商品的第一内容,通过第二层视图承载关于所述目标商品的第二内容;所述第二内容包括:根据所述目标商品所属的类目生成的专业性内容。
其中,所述第一层视图与第二层视图相互独立地进行内容展示以及对用户操作的响应。
其中,在初始状态下,所述第一层视图为展开状态,并部分叠加于所述第二层视图之上,以便将首屏展示范围划分为第一区域以及第二区域,其中,在所述第一区域内展示出所述第一层视图中的部分内容,在所述第二区域内展示所述第二层视图中的部分内容,并将所述第一区域作为对所述第一层视图的操作响应区域,将所述第二区域作为对所述第二层视图的操作响应区域。
其中,还包括:
提供用于对所述第二层视图中的更多内容进行展开展示的操作入口;
通过所述操作入口检测到的目标触发操作后,将所述第一层视图切换为收起状态,以便扩大所述第二区域的范围,并对所述第二层视图中的更多内容进行展开展示。
其中,所述目标触发操作包括:在所述第二区域执行的向上或向下的滑动操作。
其中,所述第二层视图中包括多个区块;
所述第二层视图中还包括导航组件,并在所述初始状态下作为所述第二层视图中的部分内容进行展示,所述导航组件用于为各个区块提供导航标签;
所述触发操作包括:对所述导航组件中的导航标签执行的触发操作。
其中,所述初始状态下展示出的所述第二层视图中的部分内容包括:所述第二层视图中的主图区域的内容;
在所述主图区域中的多份主图内容被左右滑动切换展示的过程中,所述导航组件为收起状态;
所述触发操作包括:将所述导航组件展开,并对其中的导航标签执行的触发操作。
其中,所述主图内容是根据所述第二层视图相关的氛围背景图以及所述目标商品的图像进行合成后生成的。
其中,还包括:
在所述窗口可视范围内对所述第二层视图中的更多内容进行展示的过程中,提供所述导航组件,以便通过所述导航组件快速定位到目标区块。
其中,所述导航组件为转盘样式,用于通过转动所述转盘,使目标区块对应的导航标签进入焦点区域的方式,进行目标区块的选择。
其中,所述提供用于对所述第二层视图中的更多内容进行展开展示的操作入口,包括:
在所述第一层视图的顶部提供用于将所述第一层视图进行向下收起的操作选项;
所述目标触发操作包括:
通过用于将所述第一层视图向下收起的操作选项发起的触发操作。
其中,还包括:
在对所述第二层视图中的更多内容进行展示的过程中,在所述第二层视图的上层将所述第一层视图中的部分关键内容进行置底展示。
其中,还包括:
在对所述第一层视图中的部分关键内容进行置底展示的过程中,提供用于将所述第一层视图进行向上展开的操作选项,以便通过该操作选项将所述第二层视图切换为收起状态,并扩大所述第一区域的范围,对所述第一层视图的内容进行展开展示。
其中,还包括:
在对所述第二层视图中的更多内容进行展示的过程中,如果所述第二层视图中的内容已滑动到底,则在收到继续向上滑动的操作时,将所述第二层视图恢复为收起状态,并扩大所述第一区域的范围,对所述第一层视图的内容进行展开展示。
其中,还包括:
在所述第二层视图的内容底部,提供用于定位到所述第一层视图中的目标区块进行展示的操作选项,以便在将第二层视图中的内容已滑动到底时,通过该操作选项,将所述第一层视图中所述目标区块中的内容进行展示。
其中,所述专业性内容是根据所述目标商品所属的目标类目对应的内容模板,以及关于所述目标商品的相关数据,生成的结构化的专业性内容;
其中,所述内容模板用于定义所述目标类目下包括的专业性内容字段,所述专业性内容字段是根据所述目标类目下,用户所需的专业性决策因子进行确定的。
其中,所述第一层视图承载的第一内容包括所述目标商品的交易类内容、评价类内容、图文详情类内容和/或推荐类内容。
其中,所述展示所述目标商品的详情页面,包括:
加载支持所述双层视图结构的第一页面容器,以便通过所述第一页面容器创建第一层视图以及第二层视图,并将所述第一内容渲染到所述第一层视图中,将所述第二内容渲染到所述第二层视图中。
其中,还包括:
如果仅获取到所述目标商品的单份内容,则加载第二页面容器,以便按照平铺式结构对所述单份内容进行展示。
一种商品详情页面展示方法,包括:
接收对目标商品的详情页面进行展示的请求;
展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,在初始状态下,第一层视图为展开状态,并部分叠加于第二层视图的上层,以便将首屏展示范围划分为第一区域以及第二区域,其中,在所述第一区域内展示出所述第一层视图中的部分内容,在所述第二区域内展示所述第二层视图中的部分内容,并将所述第一区域作为对所述第一层视图的操作响应区域,将所述第二区域作为对所述第二层视图的操作响应区域;
提供用于对所述第二层视图中的更多内容进行展开展示的操作入口;
通过所述操作入口检测到的目标触发操作后,将所述第一层视图切换为收起状态,并对所述第二层视图中的更多内容进行展开展示。
一种商品详情页面展示装置,包括:
请求接收单元,用于接收对目标商品的详情页面进行展示的请求;
页面展示单元,用于展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,通过第一层视图承载关于所述目标商品的第一内容,通过第二层视图承载关于所述目标商品的第二内容;所述第二内容包括:根据所述目标商品所属的类目生成的专业性内容。
一种商品详情页面展示装置,包括:
请求接收单元,用于接收对目标商品的详情页面进行展示的请求;
页面展示单元,用于展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,在初始状态下,第一层视图为展开状态,并部分叠加于第二层视图的上层,以便将首屏展示范围划分为第一区域以及第二区域,其中,在所述第一区域内展示出所述第一层视图中的部分内容,在所述第二区域内展示所述第二层视图中的部分内容,并将所述第一区域作为对所述第一层视图的操作响应区域,将所述第二区域作为对所述第二层视图的操作响应区域;
操作入口提供单元,用于提供用于对所述第二层视图中的更多内容进行展开展示的操作入口;
展开展示单元,用于通过所述操作入口检测到的目标触发操作后,将所述第一层视图切换为收起状态,并对所述第二层视图中的更多内容进行展开展示。
一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现前述任一项所述的方法的步骤。
一种电子设备,包括:
一个或多个处理器;以及
与所述一个或多个处理器关联的存储器,所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时,执行前述任一项所述的方法的步骤。
根据本申请提供的具体实施例,本申请公开了以下技术效果:
通过本申请实施例,可以在目标商品的详情页中提供双层视图内容结构,这样,可以通过第一层视图承载关于所述目标商品的第一内容,通过第二层视图承载关于所述目标商品的第二内容。其中,所述第二内容包括:根据所述目标商品所属的品类特性生成的专业性内容。这样,可以根据具体商品所属类目的行业特征等为商品生成专业性内容,并且,可以通过单独的一层视图进行展示,因此,可以通过商品详情页为用户提供更专业化的信息,同时,对于不同层之间的内容,不必按照传统的阅读模式从上至下依次阅读,从而可以提升用户获取信息的效率,并可以更好的满足不同用户的不同浏览需求。
在优选的实施方式下,在展示出目标商品的详情页的初始状态下,第一层视图可以处于展开展示状态,并且,第一层视图可以采用部分叠加于第二层视图的上层的方式进行展示。这样,在首屏范围内,可以同时展示出第一层视图的部分内容以及第二层视图的部分内容,使得用户感知到两层内容的存在。另外,还可以提供用于对所述第二层视图中的更多内容进行展开展示的操作入口,通过所述操作入口检测到的目标触发操作后,可以将所述第一层视图切换为收起状态,并对所述第二层视图中的更多内容进行展开展示。通过这种方式,使得专业性内容可以在一个独立的层中进行展示,并且可以在用户需要的情况再进行展开展示。
当然,实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的系统架构的示意图;
图2是本申请实施例提供的第一方法的流程图;
图3-1至3-3是本申请实施例提供的页面双层结构示意图;
图4-1至4-3是本申请实施例提供的实例中的界面示意图;
图5是本申请实施例提供的第二方法的流程图;
图6是本申请实施例提供的第一装置的示意图;
图7是本申请实施例提供的第二装置的示意图;
图8是本申请实施例提供的电子设备的示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本申请保护的范围。
首先需要说明的是,本申请发明人在实现本申请实施例的过程中发现,一些商品其实需要比较专业性的内容介绍,才能够将其特性更好地传达给用户,并且,从一些对行业、类目下的商品具有比较深入了解的用户角度而言,也需要根据这些比较专业性的内容做出购买决策。例如,以香水类目为例,对于一些比较“资深”的用户而言,可能不仅仅需要关注其品牌、价格、香型等因素,还需要关注其香调信息(包括前调、中调、后调),留香情况,等等。但是,传统的商品详情页一般为通用的平铺式展示结构,即使能够提供商品的专业性信息,也是分散在图文详情区块的长图中,不利于用户阅读以及信息的获取。另外,还存在一些商家对于商品的专业性信息解读不够,即使有解读,也多为图片形式的呈现,并且,不同商家在对商品的专业性解读方面的能力、信息编辑的逻辑等方面也都存在差异,这就使得即使是同一款商品,用户在不同的商品详情页中获得的信息也可能都是不同的,难以使得用户获得比较统一的、稳定的信息。
为了便于用户获得关于商品的专业性内容,一种可行的做法是,将专业性内容按照统一的结构化格式进行编辑之后,再进行展示,以提升用户所获得的信息的统一性及稳定性。但是,这种进行结构化编辑后的专业性内容如何呈现给用户又是需要考虑的问题。例如,如果仍然按照现有的商品详情页的平铺式结构进行展示,则可以将这种专业性内容作为图文详情区块的一部分,但是,用户仍然需要先阅读价格等信息之后,才能阅读到图文详情信息。或者,可以将专业性内容直接前置到价格以及其他图文详情内容等之前,又使得用户需要先阅读专业性内容,之后再阅读价格以及其他图文详情等内容。也就是说,由于再平铺式结构的模式下,用户的阅读模式是从上至下依次阅读,而不同用户的阅读需求有可能是不同的,有些用户可能更需要关注这种专业性信息,而有些用户则更需要关注传统的价格信息、图文详情信息等内容。因此,无论将专业性内容放置在页面的什么位置,都难以满足全部用户的不同浏览需求。
为此,在本申请实施例中,针对具有对专业性内容进行统一性、稳定性表达需求的商品,可以在其商品详情页中提供双层视图内容结构,其中第一层视图可以与传统的商品详情页类似,其中可以包括购买类信息、用户评价信息、商品的图文详情信息、推荐信息等,还可以保持原来的商品详情页信息结构(当然,可能不再存在主图,后文对此会有介绍),以保证用户原有的浏览习惯;第二层视图则可以专用于承载商品的专业性内容(可以是根据所述目标商品所属的品类特性生成的)。
在优选的实施方式下,在对目标商品的详情页进行展示的初始状态下,第一层视图可以为展开展示状态,并且可以将第一层视图部分叠加于第二层视图的上层,使得用户可以在首屏范围内,可以同时阅读到第二层视图中的部分内容,以及第一层视图中的部分内容(由于第二层视图位于底层,第一层视图是部分叠加在第二层视图的上层,因此,在首屏的屏幕空间范围内,第二层视图中的部分内容位于屏幕上方区域,第一层视图中的部分内容则位于屏幕下方区域)。也就是说,在初始状态下,就可以让用户感知到有两层内容的存在。同时,可以提供用于对所述第二层视图中的更多内容进行展开展示的操作入口,这样,使得用户可以根据其实际的浏览需求,选择对第一层视图或者第二层视图中的更多内容进行阅读。例如,由于在默认状态下第一层视图处于展开状态,因此,如果用户想要继续阅读第一层视图中的内容,则可以直接在第一层视图所在的内容区域内执行向上滑动操作,从而可以第一层视图中的更多内容滑入窗口可视范围,用户进行阅读即可,此过程与用户浏览传统的商品详情页的过程类似。而如果需要阅读第二层视图中的更多内容,则可以通过前述用于对所述第二层视图中的更多内容进行展开展示的操作入口,执行对应的触发操作(例如,在首屏中的第二层视图的部分内容所在区域执行向上或向下的滑动操作,或者,如果为第二层视图提供导航组件,则也可以通过操作该导航组件的方式进行触发,等等)。检测到这种触发操作之后,便可以将所述第一层视图切换为收起状态,并对所述第二层视图中的更多内容进行展开展示,用户同样可以通过执行上下滑动操作,将第二层视图中的更多内容滑入窗口可视范围,用户进行阅读即可。
通过上述方式,由于可以为具体的商品提供结构化的专业性内容、主要价值点内容等,并且可以通过商品详情页的双层视图结构,将这种内容展示在其中第二层视图中,第一层视图则可以用于按照传统的商品详情页等方式进行内容呈现,这样,可以不必按照传统的阅读模式从上至下依次阅读,从而提升用户获取信息的效率。其中,在默认状态下,第一层视图可以成展开展示状态,并部分叠加于第二层视图的上层。因此,使得用户进入商品详情页后,可以同时看到两层中的部分内容,例如,第一层视图主要可以展示价格及促销等核心信息,使得用户可以快速获取价格等核心信息,另一方面,通过在第二层视图内容所在区域执行下滑或者对其中的导航组件执行操作等方式,可以触发第二层视图内容的展开展示,从而可以直接浏览商品的专业性内容、主要价值点等信息。这样,如果用户需要浏览商品的普通详情内容,则可以对第一层视图进行浏览,如果需要浏览商品的专业性内容,则可以快速切换到第二层视图进行浏览,因此,可以满足用户多种不同的浏览需求。
其中,关于具体在第二层视图中展示的专业性内容,一种方式下,可以通过直接从商品的图文详情中进行提取的方式获得,或者,另一种方式下,考虑到一些商品的详情页面中的专业性信息可能存在不够准确或者不够完整等情况,因此,也可以预先通过线下收集关于商品(在同一商品包括多种不同SKU(库存量单位)的情况下,可以按照SKU维度进行收集)的专业性数据等,并填入到结构化的模板中,从而生成关于具体商品/SKU的专业性内容/价值点内容。其中,具体的模板可以也可以预先进行配置的。
为了达到上述目的,如图1所示,可以为商品信息服务系统中的技术人员/运营人员提供配置后台,具体实现时,配置后台可以分为模板配置后台以及数据配置后台。通过模板配置后台,可以分别为不同的类目配置不同的模板,每个模板中可以对具体需要哪些内容字段,以及各个字段上的数据要求等信息进行定义(模板中可以包括具体的专业性内容字段名称,这些专业性内容字段的名称可以是根据所述目标类目下,用户所需的专业性决策因子进行确定的)。之后,可以圈定出一些商品,并可以通过上述数据配置后台,为这些商品实现生成的专业化内容。例如,可以根据商品所属的类目,确定出对应的模板,然后根据具体类目对应的模板中定义的专业化内容字段,为具体字段配置对应的属性值,从而为具体商品生成结构化的专业性内容,这种专业化内容可以保存到数据库中。具体需要对某个目标商品进行详情页展示时,可以由服务端从该数据库读取商品的专业性内容,另外,还可以从其他数据库读取另一份内容,例如,该另一份内容可以包括购买类内容、评价类内容、图文详情类内容、推荐类内容等等。这样,可以在客户端通过双层视图结构对两份内容进行展示。
下面对本申请实施例提供的具体实现方案进行详细介绍。
实施例一
首先,本申请实施例一从客户端的角度,提供了一种商品详情页面展示方法,参见图2,该方法可以包括:
S201:接收对目标商品的详情页面进行展示的请求。
具体实现时,用户可以在通过多种方式发起对目标商品的详情页面的浏览请求。例如,在对客户端首页提供的商品推荐信息进行浏览的过程中,如果对其中某个商品感兴趣,则可以点击其链接,发起对该商品的详情页面的访问。或者,在搜索商品的过程中,如果对某个搜索结果感兴趣,则也可以点击其链接,发起对对应的商品的详情页面的访问。或者,还可以从店铺页面、类目页面、频道页面、促销活动页面等多种其他的流量分发页面发起对具体商品详情页的访问,等等。
S202:展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,通过第一层视图用于承载关于所述目标商品的第一内容,通过第二层视图用于承载关于所述目标商品的第二内容;所述第二内容包括:根据所述目标商品所属的类目生成的专业性内容。
在接收到对目标商品的详情页面的访问请求后,就可以对目标商品的详情页面进行展示。在本申请实施例中,同一个目标商品可以关联有两份内容,可以在客户端中支持双层视图结构的页面容器中进行展示。
其中,关于第二内容,主要是指根据所述目标商品所属的类目生成的专业性内容。在本申请实施例中,为了生成该专业性内容,如前文所述,可以预先为具体类目创建对应的专业内容配置模板,之后,可以圈定出一些商品,并为这些商品实现按照统一方式生成的专业化内容。为了便于理解,下面对具体专业性内容的生成过程进行介绍。
如前文所述,具体实现时,首先可以通过模板配置后台,可以分别为不同的类目配置不同的模板,每个模板中可以对具体需要哪些内容字段,以及各个字段上的数据要求等信息进行定义。而具体的内容字段,则可以是通过对同一类目下,用户的决策因子而确定的。也就是说,可以通过大数据分析、调查走访、专家意见等方式,确定出对于同一类目下的商品,用户在进行决策时,主要考虑到关于专业性的因子有哪些,或者主要关注哪些价值点。例如,关于香水类目,具体的专业性决策因子可以包括前调、中调、后调、香精浓度、专业评价,等等。另外,可选的方式下,还可以对确定出的决策因子进行聚类,例如,前调、中调、后调,可以聚类为香调,等等,从而可以使得同一类目对应多个模块,每个模块下可以包括一个或多个决策因子,这些因子则可以分别对应一个字段。当然,在定义模板时,如果需要向第二层视图中添加导航组件,则还可以在模板中配置关于导航组件相关的字段,例如,包括导航标签的数量,各导航标签的名称(可以与各模块的名称对应)等。
也就是说,可以分别根据各个类目的特性,分别为各个类目配置不同的模板。在完成对具体类目对应的模板的配置后,则可以使用对应的模板,为具体的商品/SKU配置对应的数据,从而生成具体商品/SKU对应的专业性内容等,这种内容就可以用于在商品详情页的第二层视图中进行展示。
具体实现时,具体的商品/SKU对应的数据可以由系统的运营人员等进行收集,然后,通过数据配置后台,分别为具体的商品/SKU进行数据配置。例如,首先可以根据商品/SKU所属的类目,选择对应的模板。然后,根据模板中定义的字段,以及具体字段上的数据要求信息等,对各字段分别进行数据配置(可以是仅针对必填的字段进行配置,也可以针对全部字段分别进行配置)。完成数据配置后,便可以生成该商品/SKU对应的专业性内容。之后,可以保存到数据库系统中,例如,可以在数据库系统中为本申请实施例的场景创建数据库表,其中可以保存多份数据,每份数据可以包括一个商品/SKU对应的专业性内容(包括多个字段,以及字段上的值)。
这里需要说明的是,可能不是全部商品都需要采用双层视图内容结构的方式进行详情页面展示,例如,可能只有一些特殊类目下的商品才具有对专业性内容进行单独展示的需求,另外,即使是同一类目下的商品,可能也是只有部分商品才预先生成了结构化的专业性内容。因此,具体实现时,还可以将生成了结构化专业性内容的商品添加特殊标识,这样,在进行详情页面展示时,可以根据具体商品是否具有上述特殊标识,确定是否通过双层视图结构进行展示,如果没有上述特殊标识,可以使用传统的平铺式结构进行展示。
在客户端接收到针对目标商品的详情页面展示请求后,可以将请求提交到服务端。其中,对于带有特殊标识的商品,可以由服务端从多种数据库获取到关于具体商品的两份内容,其中一份就可以包括本申请实施例中为商品实现的专业性内容,另一份内容在本申请实施例中可以不进行限定,例如,可以包括购买类内容、评价内容、图文详情内容、推荐内容等等,这些内容通常可以从其他数据库中获得。例如,对于购买类内容,包括标题、价格、规格参数等,由于在商家进行商品发布时就需要填写这些信息,因此,可以从与商品发布相关的数据库中读取这些内容。另外,关于推荐内容,可以从相关的推荐模块对应的数据库中进行读取,等等。之后,服务端可以将读取到的两部分内容进行合并后返回给客户端。
这里需要说明的是,在具体实现时,还可以由服务端对具体商品的专业性内容的完整性进行检验,这种完整性可以体现在两个层面,其一,在同一个商品对应多个不同SKU的情况下,是否每个SKU都已经配置了结构化的专业性内容;其二,每个SKU在结构化数据各字段上的必填信息是否完整。如果符合上述完整性条件,再以本申请实施例中所述的双层视图结构的方式进行展示,否则可以展示普通的详情页面,以免在进行双层视图结构展示过程中发生出错等问题。
在客户端侧,可以预先实现支持双层视图结构的第一页面容器,在目标商品存在两份内容时,客户端可以加载该第一页面容器,从而可以通过双层视图结构的页面容器对两份内容进行展示。具体的,客户端在接收到服务端返回的第一内容以及第二内容后,可以确定出需要展示当前目标商品的双层视图内容结构的详情页面,此时,可以在详情页面中加载前述支持双层视图结构的第一页面容器,这样,可以在第一页面容器中创建第一层视图以及第二层视图,并通过所述第一页面容器,将所述第一内容渲染到所述第一层视图中,将所述第二内容渲染到所述第二层视图中。其中,关于具体的第一层视图以及第二层视图,具体可以是在同一页面容器内实现的两个独立的视图栈,实现对不同内容的分层独立展示。
这里需要说明的是,客户端中还可以同时实现支持普通平铺式结构的第二页面容器,对于不存在预先生成的单独的专业性内容的商品,或者配置的专业性内容不完整的商品,服务端可以按照传统的方式向客户端返回单份内容。此时,客户端可以通过加载该第二页面容器,实现以普通的平铺方式展示出商品的普通详情页面。
具体实现时,在通过分层结构进行展示的过程中,第一层视图与第二层视图之间是独立存在的,而不是父子或者附属等关系,也即,两者可以相互独立的展示各层中的内容,并且独立响应用户操作。这与在某页面上层展示浮层的方案是完全不同的,首先,浮层通常是在某种操作的触发下才会进行展示,并且,在展示出浮层之后,主页面就失去响应用户操作的能力,完全由浮层响应用户操作。但是,在本申请实施例中,第一层视图与第二层视图可以同时存在,并且,两者都可以响应用户操作。
例如,在初始状态下,第一层视图可以为展开状态,并部分叠加于第二层视图的上层,这样,可以将首屏范围划分为第一区域以及第二区域,其中,在所述第一区域内展示出所述第一层视图中的部分内容,在所述第二区域内展示所述第二层视图中的部分内容,并将所述第一区域作为对所述第一层视图的操作区域,将所述第二区域作为对所述第二层视图的操作区域。例如,如图3-1所示,其为初始状态下的详情页面示意图,其中31处所示为第二层视图中展示出的部分内容所在的第二区域,32处所示为第一层视图中展示处的部分内容所在的第一区域,这样,对于消费者用户而言,可以感知到两层内容的存在。并且,在该状态下,如果用户在上述第二区域内对第二页面视图中的内容进行操作。同时,也可以在32处所示的第一区域进行向上滑动,则可以使得第一层视图中的更多内容进入到窗口可视范围。
其中,由于在初始状态下,第一层视图的内容以部分叠加在第二层视图的上层的方式进行展示,因此,使得第二层视图中只有位于头部区域的内容可以被展示出来。因此,该头部区域的内容可以起到引导用户对第二层视图内容进行查看的作用。具体实现时,为了达到上述目的,可以在第二层视图的上述头部区域提供主图内容,此时,在上述图3-1所示的初始状态下,可以在31所示的第二区域内执行左右方向的滑动操作,以对多个主图图像进行切换展示。也即,在图3-1所示的例子中,31处所示的第二区域内展示处的就可以是第二层视图中的主图内容。
这里需要说明的是,在本申请实施例中,由于这种主图内容位于第二层视图,而第二层视图是与商品的专业性内容等相关的,通常可能需要一些氛围背景图等进行渲染,因此,为了更匹配第二层视图的整体氛围,主图区域展示的各个主图图像也可以是根据预先设置的氛围背景图像与白底的商品图像进行合成而得到的(传统的商品详情页面中,主图区域展示的通常是白底的商品图)。另外,由于第二层视图中已经存在主图区域,并且第一层视图是从该主图区域的下方开始进行展示,因此,第一层视图可以不再单独提供主图区域,直接从标题、价格等内容开始进行展示即可。
由于在默认状态下,第一层视图位于上层,第二层视图位于底层,只有头部的部分内容能够被展示出来,因此,为了使得第二层视图中的更多内容获得展示机会,还可以提供用于对所述第二层视图中的更多内容进行展开展示的操作入口。其中,具体提供操作入口的方式可以有多种,并且,可以是多种操作入口并存,使得用户可以通过多种方式、多种手势来触发对第二层视图中更多内容的展开展示,同时第一层视图还可以收起,从而使得第二区域的范围扩大,使得可以在更大的可视区域范围内响应用户对第二层视图的操作。
例如,在一种方式下,可以在前述第二区域提供这种操作入口,具体的,可以通过在该第二区域执行的向上或向下的滑动操作,来触发对第二层视图中更多内容的展开展示。
或者,由于具体的第二层视图中可以包括多个区块,用于展示多份专业性内容,例如,对于香水这一类目,具体的专业性内容可以划分为香调、香评、留香等多个区块,等等。此时,还可以为第二层视图提供导航组件,这种导航组件可以用于为各个区块提供导航标签。例如,在前述香水类目的例子中,可以在导航组件中提供上述香调、香评、留香等导航标签,通过点击具体的导航标签,可以快速定位到具体的区块所在的位置进行展示。在这种情况下,在前述初始状态下,也可以将这种导航组件作为所述第二层视图中的部分内容进行展示。例如,如图3-1中的33所示部分,可以在第二层视图的主图区域,展示出该导航组件,这样,可以通过对所述导航组件中的导航标签执行相应的触发操作,来触发对第二层视图的展开展示。其中,在对导航组件中的导航标签执行触发操作的过程中,还可以同时提供终端设备的震动反馈,从而增加用户对其操作行为的确定性。
其中,具体实现时,在所述主图区域中的多份主图内容被左右滑动切换展示的过程中,为了避免对主图造成过多的遮挡,导航组件可以为收起状态(例如,如图3-2中的34处所示,在收起状态下,该导航组件也可以展示出一小部分)。此时,用户可以通过对该收起状态的导航组件执行向左拉起操作的方式,将该导航组件唤起为图3-1中所示的展开状态。或者,也可以在将主图区域向左滑动到底后,如果继续向左滑动后再释放,也可以将导航组件唤起为展开状态。此时,可以通过对导航组件中的导航标签执行点击等操作,来触发对第二层视图的展开展示。
具体实现时,在一种可选的方式下,如图3-1中的33处所示,该导航组件可以展示为转盘样式,这样,可以通过转动转盘,使目标区块对应的导航标签进入焦点区域的方式,进行目标区块的选择。例如,在如图3-1中所示的状态下,当前处于焦点区域的是“商品”,也即,当前正在对第二层视图的主图部分进行展示,如果通过转动该转盘,使得“香调”这一导航标签进入到焦点区域,则可以触发对第二层视图的展开展示。
此外,还可以在第一层视图的顶部提供用于将所述第一层视图进行向下收起的操作选项,例如,可以如图3-2中的35处所示的“短线”,通过在该位置处执行向下滑动操作,可以将第一层视图向下收起,同时触发对第二层视图的展开展示,等等。
在接收到具体的目标触发操作后,就可以将所述第一层视图切换为收起状态,并对所述第二层视图中的更多内容进行展开展示。例如,如图3-3所示,可以在36处所示的更大区域内可以用于展示第二层视图的内容,并且,通过在该区域进行上下滑动操作,还可以将第二层视图中更多的内容展示到窗口可视范围内。当然在对该第二层视图中的更多内容进行展开展示的过程中,也可以提供前述导航组件,以便通过所述导航组件快速定位到目标区块。并且,在该36所示的区域对第二层视图进行上下滑动的过程中,该导航组件也可以处于收起状态,如图3-3中的38处所示。如果需要快速定位到该第二层视图中的某个区块进行展示,则可以通过对收起状态的导航组件执行向左拉起的操作,从而将导航组件唤起为展开状态,并且,可以通过对导航组件中的导航标签进行选择的方式,来实现到目标区块的快速定位。
在对所述第二层视图中的更多内容进行展开展示的过程中,还可以将所述第一层视图中的部分关键内容进行置底展示。也就是说,在将第一层视图收起后,并不是完全不展示,而是可以如图3-3中的37处所示,以一个高度比较低的卡片等形式,展示处第一层视图中的部分关键内容,例如,商品的价格信息等。
再者,在对所述第一层视图中的部分关键内容进行置底展示的过程中,还可以提供用于将所述第一层视图进行向上展开的操作选项,例如,如图3-3中的39处所示,同样可以在收起状态的第一层视图的顶部提供上述用于将第一层视图向上展开的操作选项,这样,在浏览第二层视图内容的过程中,如果需要查看第一层视图的内容,则可以通过该操作选项将所述第二层视图恢复为收起状态,并对所述第一层视图的内容进行展开展示。也即,除了可以在第一层视图与第二层视图中独立进行内容展示,还可以在用户的触发操作下,实现不同层视图之间的联动。
当然,在对所述第二层视图中的更多内容进行展示的过程中,如果所述第二层视图中的内容已滑动到底,则在收到继续向上滑动的操作时,可以将所述第二层视图恢复为收起状态,并在对所述第一层视图的内容进行展开展示。也就是说,在完成对第二层视图全部内容的展示后,如果继续向上滑动,则可以自动将第二层视图收起,重新将第一层视图进行展开展示。
为便于更好的理解,下面通过一个实际应用中的例子,对上述详情页面的各种状态变化情况进行介绍。假设当前展示的目标商品是一款香水,则在展示其详情页面的初始状态下,首屏展示情况可以如图4-1所示,其中,41所示区域为第二层视图中展示出的部分内容,也即第二层视图的主图区域;42所示区域为第一层视图中展示出的部分内容。此时,如果在该42所示区域执行向上滑动操作,则可以继续对第一层视图中的其他内容进行展示。而如果在41所示区域执行向上或者向下的滑动,或者,通过41区域所示的导航组件进行触发,都可以将第二层视图的更多内容进行展开展示。此时,可以如图4-2所示,在43所示区域内,可以展示出第二层视图中的更多内容,并且,可以在该43区域内进行上下滑动,或者对导航组件进行操作的方式,在该43所示区域内展示出第二层视图的其他内容。在此过程中,第一层视图可以收起,但是,可以将其中的部分关键性内容以比较低的卡片等形式,进行置底展示,例如,如图4-2中44所示的区域,其中主要可以展示出商品的价格等信息。此时,如果通过该收起状态的第一层视图顶部的操作选项,对该第一层视图执行向上拉起操作,则可以将第一层视图切换回展开展示状态,同时,第二层视图可以收起。
另外,由于第一层视图中的内容通常可能比较多,因此,在所述第二层视图的内容底部,还可以提供用于快速定位到所述第一层视图中的某个目标区块进行展示的操作选项,以便在将第二层视图中的内容已滑动到底时,通过该操作选项,将所述第一层视图中所述目标区块中的内容展示到窗口可视范围内。例如,如图4-3中的45处所示,可以提供“查看图文详情”的操作选项,用户可以在浏览完第二层视图的内容后,通过该操作选项,快速定位到第一层视图的图文详情区块进行展示,等等。
如前文所述,具体实现时,在优选的实施方式下,本申请实施例中关于具体商品的专业性内容可以是根据所述目标商品所属的目标类目对应的内容模板,以及预先收集到的关于所述目标商品的相关数据,生成的结构化内容。其中,所述内容模板可以用于定义所述目标类目下包括的专业性内容字段,所述专业性内容字段是根据所述目标类目下,用户所需的专业性决策因子进行确定的。
总之,通过本申请实施例,可以在目标商品的详情页中提供双层视图内容结构,这样,可以通过第一层视图承载关于所述目标商品的第一内容,通过第二层视图承载关于所述目标商品的第二内容。其中,所述第二内容包括:根据所述目标商品所属的品类特性生成的专业性内容。这样,可以根据具体商品所属类目的行业特征等为商品生成专业性内容,并且,可以通过单独的一层视图进行展示,因此,可以通过商品详情页为用户提供更专业化的信息,同时,对于不同层之间的内容,不必按照传统的阅读模式从上至下依次阅读,从而可以提升用户获取信息的效率,并可以更好的满足不同用户的不同浏览需求。
在优选的实施方式下,在展示出目标商品的详情页的初始状态下,第一层视图可以处于展开展示状态,并且,第一层视图可以采用部分叠加于第二层视图的上层的方式进行展示。这样,在首屏范围内,可以同时展示出第一层视图的部分内容以及第二层视图的部分内容,使得用户感知到两层内容的存在。另外,还可以提供用于对所述第二层视图中的更多内容进行展开展示的操作入口,通过所述操作入口检测到的目标触发操作后,可以将所述第一层视图切换为收起状态,并对所述第二层视图中的更多内容进行展开展示。通过这种方式,使得专业性内容可以在一个独立的层中进行展示,并且可以在用户需要的情况再进行展开展示。
实施例二
前述实施例一主要针对需要对商品的专业化内容进行单独展示的场景进行了介绍。而在实际应用中,类似的需求也可以在其他场景中存在,例如,除了关于前述专业性内容可能需要进行更统一化、稳定性的展示之外,关于商品的一些特殊的价值点(通常可以成为“卖点”等),包括用户可能更关心的价值点等,可能也需要通过更统一化、稳定性的展示,而不是分散在图文详情长图中进行展示,等等。此时,本申请实施例提供的方案也可以适用于上述场景。因此,该实施例二还提供了一种商品详情页面展示方法,参见图5,该方法可以包括:
S501:接收对目标商品的详情页面进行展示的请求;
S502:展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,在初始状态下,第一层视图为展开状态,并部分叠加于第二层视图的上层,以便将首屏展示范围划分为第一区域以及第二区域,其中,在所述第一区域内展示出所述第一层视图中的部分内容,在所述第二区域内展示所述第二层视图中的部分内容,并将所述第一区域作为对所述第一层视图的操作响应区域,将所述第二区域作为对所述第二层视图的操作响应区域;
S503:提供用于对所述第二层视图中的更多内容进行展开展示的操作入口;
S504:通过所述操作入口检测到的目标触发操作后,将所述第一层视图切换为收起状态,并对所述第二层视图中的更多内容进行展开展示。
关于该实施例二中的未详述部分内容,可以参见前述实施例一或本说明书其他部分的记载,这里不再赘述。
需要说明的是,本申请实施例中可能会涉及到对用户数据的使用,在实际应用中,可以在符合所在国的适用法律法规要求的情况下(例如,用户明确同意,对用户切实通知,等),在适用法律法规允许的范围内在本文描述的方案中使用用户特定的个人数据。
与实施例一相对应,本申请实施例还提供了一种商品详情页面展示装置,参见图6,该装置可以包括:
请求接收单元601,用于接收对目标商品的详情页面进行展示的请求;
页面展示单元602,用于展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,通过第一层视图承载关于所述目标商品的第一内容,通过第二层视图承载关于所述目标商品的第二内容;所述第二内容包括:根据所述目标商品所属的类目生成的专业性内容。
其中,所述第一层视图与第二层视图相互独立地进行内容展示以及对用户操作的响应。
具体的,在初始状态下,所述第一层视图可以为展开状态,并部分叠加于所述第二层视图之上,以便将首屏展示范围划分为第一区域以及第二区域,其中,在所述第一区域内展示出所述第一层视图中的部分内容,在所述第二区域内展示所述第二层视图中的部分内容,并将所述第一区域作为对所述第一层视图的操作响应区域,将所述第二区域作为对所述第二层视图的操作响应区域。
此时,该装置还可以包括:
操作入口提供单元,用于提供用于对所述第二层视图中的更多内容进行展开展示的操作入口;
展开展示单元,用于通过所述操作入口检测到的目标触发操作后,将所述第一层视图切换为收起状态,以便扩大所述第二区域的范围,并对所述第二层视图中的更多内容进行展开展示。
其中,所述目标触发操作包括:在所述第二区域执行的向上或向下的滑动操作。
具体的,所述第二层视图中包括多个区块;
所述第二层视图中还包括导航组件,并在所述初始状态下作为所述第二层视图中的部分内容进行展示,所述导航组件用于为各个区块提供导航标签;
所述触发操作包括:对所述导航组件中的导航标签执行的触发操作。
其中,所述初始状态下展示出的所述第二层视图中的部分内容包括:所述第二层视图中的主图区域的内容;
在所述主图区域中的多份主图内容被左右滑动切换展示的过程中,所述导航组件为收起状态;
所述触发操作包括:将所述导航组件展开,并对其中的导航标签执行的触发操作。
具体的,所述主图内容是根据所述第二层视图相关的氛围背景图以及所述目标商品的图像进行合成后生成的。
另外,该装置还可以包括:
导航组件提供单元,用于在所述窗口可视范围内对所述第二层视图中的更多内容进行展示的过程中,提供所述导航组件,以便通过所述导航组件快速定位到目标区块。
其中,所述导航组件为转盘样式,用于通过转动所述转盘,使目标区块对应的导航标签进入焦点区域的方式,进行目标区块的选择。
具体的,所述操作入口提供单元具体可以用于:
在所述第一层视图的顶部提供用于将所述第一层视图进行向下收起的操作选项;
此时,所述目标触发操作包括:
通过用于将所述第一层视图向下收起的操作选项发起的触发操作。
另外,该装置还可以包括:
置底展示单元,用于在对所述第二层视图中的更多内容进行展示的过程中,在所述第二层视图的上层将所述第一层视图中的部分关键内容进行置底展示。
再者,该装置还可以包括:
第一展开选项提供单元,用于在对所述第一层视图中的部分关键内容进行置底展示的过程中,提供用于将所述第一层视图进行向上展开的操作选项,以便通过该操作选项将所述第二层视图切换为收起状态,并扩大所述第一区域的范围,对所述第一层视图的内容进行展开展示。
切换单元,用于在对所述第二层视图中的更多内容进行展示的过程中,如果所述第二层视图中的内容已滑动到底,则在收到继续向上滑动的操作时,将所述第二层视图恢复为收起状态,并扩大所述第一区域的范围,对所述第一层视图的内容进行展开展示。
第二展开选项提供单元,用于在所述第二层视图的内容底部,提供用于定位到所述第一层视图中的目标区块进行展示的操作选项,以便在将第二层视图中的内容已滑动到底时,通过该操作选项,将所述第一层视图中所述目标区块中的内容进行展示。
其中,所述专业性内容是根据所述目标商品所属的目标类目对应的内容模板,以及关于所述目标商品的相关数据,生成的结构化的专业性内容;其中,所述内容模板用于定义所述目标类目下包括的专业性内容字段,所述专业性内容字段是根据所述目标类目下,用户所需的专业性决策因子进行确定的。
所述第一层视图承载的第一内容可以包括所述目标商品的交易类内容、评价类内容、图文详情类内容和/或推荐类内容。
具体实现时,所述展示单元具体可以用于:
加载支持所述双层视图结构的第一页面容器,以便通过所述第一页面容器创建第一层视图以及第二层视图,并将所述第一内容渲染到所述第一层视图中,将所述第二内容渲染到所述第二层视图中。
所述展示单元还可以用于:
如果仅获取到所述目标商品的单份内容,则加载第二页面容器,以便按照平铺式结构对所述单份内容进行展示。
与实施例二相对应,本申请实施例还提供了一种商品详情页面展示装置,参见图7,该装置可以包括:
请求接收单元701,用于接收对目标商品的详情页面进行展示的请求;
展示单元702,用于展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,在初始状态下,第一层视图为展开状态,并部分叠加于第二层视图的上层,以便将首屏展示范围划分为第一区域以及第二区域,其中,在所述第一区域内展示出所述第一层视图中的部分内容,在所述第二区域内展示所述第二层视图中的部分内容,并将所述第一区域作为对所述第一层视图的操作响应区域,将所述第二区域作为对所述第二层视图的操作响应区域;
操作入口提供单元703,用于提供用于对所述第二层视图中的更多内容进行展开展示的操作入口;
展开展示单元704,用于通过所述操作入口检测到的目标触发操作后,将所述第一层视图切换为收起状态,并对所述第二层视图中的更多内容进行展开展示。
另外,本申请实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现前述方法实施例中任一项所述的方法的步骤。
以及一种电子设备,包括:
一个或多个处理器;以及
与所述一个或多个处理器关联的存储器,所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时,执行前述方法实施例中任一项所述的方法的步骤。
其中,图8示例性的展示出了电子设备的架构,例如,设备800可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理,飞行器等。
参照图8,设备800可以包括以下一个或多个组件:处理组件802,存储器804,电源组件806,多媒体组件808,音频组件810,输入/输出(I/O)的接口812,传感器组件814,以及通信组件816。
处理组件802通常控制设备800的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理元件802可以包括一个或多个处理器820来执行指令,以完成本公开技术方案提供的方法的全部或部分步骤。此外,处理组件802可以包括一个或多个模块,便于处理组件802和其他组件之间的交互。例如,处理部件802可以包括多媒体模块,以方便多媒体组件808和处理组件802之间的交互。
存储器804被配置为存储各种类型的数据以支持在设备800的操作。这些数据的示例包括用于在设备800上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件806为设备800的各种组件提供电力。电源组件806可以包括电源管理系统,一个或多个电源,及其他与为设备800生成、管理和分配电力相关联的组件。
多媒体组件808包括在设备800和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件808包括一个前置摄像头和/或后置摄像头。当设备800处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件810被配置为输出和/或输入音频信号。例如,音频组件810包括一个麦克风(MIC),当设备800处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中,音频组件810还包括一个扬声器,用于输出音频信号。
I/O接口812为处理组件802和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件814包括一个或多个传感器,用于为设备800提供各个方面的状态评估。例如,传感器组件814可以检测到设备800的打开/关闭状态,组件的相对定位,例如所述组件为设备800的显示器和小键盘,传感器组件814还可以检测设备800或设备800一个组件的位置改变,用户与设备800接触的存在或不存在,设备800方位或加速/减速和设备800的温度变化。传感器组件814可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件814还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件816被配置为便于设备800和其他设备之间有线或无线方式的通信。设备800可以接入基于通信标准的无线网络,如WiFi,或2G、3G、4G/LTE、5G等移动通信网络。在一个示例性实施例中,通信部件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信部件816还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,设备800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器804,上述指令可由设备800的处理器820执行以完成本公开技术方案提供的方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统或系统实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上对本申请所提供的商品详情页面展示方法及电子设备,进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本申请的限制。

Claims (14)

1.一种商品详情页面展示方法,其特征在于,包括:
接收对目标商品的详情页面进行展示的请求;
展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,通过第一层视图承载关于所述目标商品的第一内容,通过第二层视图承载关于所述目标商品的第二内容;所述第二内容包括:根据所述目标商品所属的类目生成的专业性内容。
2.根据权利要求1所述的方法,其特征在于,
所述第一层视图与第二层视图相互独立地进行内容展示以及对用户操作的响应。
3.根据权利要求2所述的方法,其特征在于,
在初始状态下,所述第一层视图为展开状态,并部分叠加于所述第二层视图之上,以便将首屏展示范围划分为第一区域以及第二区域,其中,在所述第一区域内展示出所述第一层视图中的部分内容,在所述第二区域内展示所述第二层视图中的部分内容,并将所述第一区域作为对所述第一层视图的操作响应区域,将所述第二区域作为对所述第二层视图的操作响应区域。
4.根据权利要求3所述的方法,其特征在于,还包括:
提供用于对所述第二层视图中的更多内容进行展开展示的操作入口;
通过所述操作入口检测到的目标触发操作后,将所述第一层视图切换为收起状态,以便扩大所述第二区域的范围,并对所述第二层视图中的更多内容进行展开展示。
5.根据权利要求4所述的方法,其特征在于,
所述第二层视图中包括多个区块;
所述第二层视图中还包括导航组件,并在所述初始状态下作为所述第二层视图中的部分内容进行展示,所述导航组件用于为各个区块提供导航标签;
所述触发操作包括:对所述导航组件中的导航标签执行的触发操作。
6.根据权利要求4所述的方法,其特征在于,
所述提供用于对所述第二层视图中的更多内容进行展开展示的操作入口,包括:
在所述第一层视图的顶部提供用于将所述第一层视图进行向下收起的操作选项;
所述目标触发操作包括:
通过用于将所述第一层视图向下收起的操作选项发起的触发操作。
7.根据权利要求4至6任一项所述的方法,其特征在于,还包括:
在对所述第二层视图中的更多内容进行展示的过程中,在所述第二层视图的上层将所述第一层视图中的部分关键内容进行置底展示。
8.根据权利要求7所述的方法,其特征在于,还包括:
在对所述第一层视图中的部分关键内容进行置底展示的过程中,提供用于将所述第一层视图进行向上展开的操作选项,以便通过该操作选项将所述第二层视图切换为收起状态,并扩大所述第一区域的范围,对所述第一层视图的内容进行展开展示。
9.根据权利要求4至6任一项所述的方法,其特征在于,还包括:
在对所述第二层视图中的更多内容进行展示的过程中,如果所述第二层视图中的内容已滑动到底,则在收到继续向上滑动的操作时,将所述第二层视图恢复为收起状态,并扩大所述第一区域的范围,对所述第一层视图的内容进行展开展示。
10.根据权利要求1至6任一项所述的方法,其特征在于,
所述专业性内容是根据所述目标商品所属的目标类目对应的内容模板,以及关于所述目标商品的相关数据,生成的结构化的专业性内容;
其中,所述内容模板用于定义所述目标类目下包括的专业性内容字段,所述专业性内容字段是根据所述目标类目下,用户所需的专业性决策因子进行确定的。
11.根据权利要求1至6任一项所述的方法,其特征在于,
所述展示所述目标商品的详情页面,包括:
加载支持所述双层视图结构的第一页面容器,以便通过所述第一页面容器创建第一层视图以及第二层视图,并将所述第一内容渲染到所述第一层视图中,将所述第二内容渲染到所述第二层视图中。
12.一种商品详情页面展示方法,其特征在于,包括:
接收对目标商品的详情页面进行展示的请求;
展示所述目标商品的详情页面,所述详情页面为双层视图结构,其中,在初始状态下,第一层视图为展开状态,并部分叠加于第二层视图的上层,以便将首屏展示范围划分为第一区域以及第二区域,其中,在所述第一区域内展示出所述第一层视图中的部分内容,在所述第二区域内展示所述第二层视图中的部分内容,并将所述第一区域作为对所述第一层视图的操作响应区域,将所述第二区域作为对所述第二层视图的操作响应区域;
提供用于对所述第二层视图中的更多内容进行展开展示的操作入口;
通过所述操作入口检测到的目标触发操作后,将所述第一层视图切换为收起状态,并对所述第二层视图中的更多内容进行展开展示。
13.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1至12任一项所述的方法的步骤。
14.一种电子设备,其特征在于,包括:
一个或多个处理器;以及
与所述一个或多个处理器关联的存储器,所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时,执行权利要求1至12任一项所述的方法的步骤。
CN202111676112.5A 2021-12-31 2021-12-31 商品详情页面展示方法及电子设备 Pending CN114445177A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111676112.5A CN114445177A (zh) 2021-12-31 2021-12-31 商品详情页面展示方法及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111676112.5A CN114445177A (zh) 2021-12-31 2021-12-31 商品详情页面展示方法及电子设备

Publications (1)

Publication Number Publication Date
CN114445177A true CN114445177A (zh) 2022-05-06

Family

ID=81365295

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111676112.5A Pending CN114445177A (zh) 2021-12-31 2021-12-31 商品详情页面展示方法及电子设备

Country Status (1)

Country Link
CN (1) CN114445177A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114708048A (zh) * 2022-06-06 2022-07-05 广东鑫兴科技有限公司 基于工业互联网标识的内容调整方法、装置及电子设备
WO2024099217A1 (zh) * 2022-11-07 2024-05-16 北京字跳网络技术有限公司 一种多媒体内容显示方法、装置、设备及存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114708048A (zh) * 2022-06-06 2022-07-05 广东鑫兴科技有限公司 基于工业互联网标识的内容调整方法、装置及电子设备
WO2024099217A1 (zh) * 2022-11-07 2024-05-16 北京字跳网络技术有限公司 一种多媒体内容显示方法、装置、设备及存储介质

Similar Documents

Publication Publication Date Title
CN111489219B (zh) 商品对象信息处理方法、装置及电子设备
CN111612557B (zh) 提供商品对象信息的方法、装置及电子设备
US11853730B2 (en) Mini program data binding method and apparatus, device, and storage medium
CN108351880A (zh) 图片处理方法、装置、电子设备及图形用户界面
CN112182426A (zh) 用户界面信息展示方法、装置及电子设备
CN114445177A (zh) 商品详情页面展示方法及电子设备
CN113298592A (zh) 商品对象信息展示方法、装置及电子设备
CN113298603A (zh) 商品对象信息展示方法、装置及电子设备
CN113656026A (zh) 商品对象信息展示方法及装置
CN108154416B (zh) 网站浏览优化方法及装置
CN111522614A (zh) 图像编辑信息的展示方法、装置、计算机设备及存储介质
CN114117155A (zh) 商品对象信息搜索方法及电子设备
CN111833143A (zh) 信息分类显示方法及装置
CN111475013A (zh) 商品对象信息处理方法、装置及电子设备
WO2021223117A1 (zh) 提供用户权益信息的方法、装置及电子设备
WO2024045473A1 (zh) 提供商品搜索信息的方法及电子设备
CN115170220A (zh) 商品信息展示方法及电子设备
CN115760265A (zh) 商品信息处理方法及电子设备
CN115499479A (zh) 商品对比展示方法、装置及电子设备
CN108572857B (zh) 提供数据对象颜色属性信息的方法、装置及电子设备
CN114493747A (zh) 基于数据对象的互动方法及电子设备
CN114363646A (zh) 一种目标对象的展示方法、装置、电子设备及存储介质
CN113779288A (zh) 照片存储方法及装置
CN108536511B (zh) 消息显示方法、装置、计算机设备及可读存储介质
CN115907889A (zh) 商品信息展示方法及电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination