CN115545818A

CN115545818A - Commodity information display method and device and electronic equipment

Info

Publication number: CN115545818A
Application number: CN202211055069.5A
Authority: CN
Inventors: 揭允斌
Original assignee: Alibaba China Co Ltd
Current assignee: Alibaba China Co Ltd
Priority date: 2022-08-31
Filing date: 2022-08-31
Publication date: 2022-12-30

Abstract

The embodiment of the application discloses a commodity information display method, a commodity information display device and electronic equipment, wherein the method comprises the following steps: after receiving a commodity detail display request of a user for a target commodity, acquiring the detail content of the target commodity; determining a plurality of image materials related to the target commodity according to the detail content; generating a target page for displaying the detailed content, wherein the target page comprises a first tab and a second tab; when the first option card is in a selected state, the image materials are displayed, the first option card can be used for switching to browse other commodities through longitudinal sliding, and the transverse sliding can be used for switching to display the multiple image materials; and displaying other detailed contents of the target commodity in the target page under the condition that the second tab is selected. By the aid of the method and the device, browsing efficiency of the user can be improved, and meanwhile, the function of complete commodity details is kept in the page.

Description

Commodity information display method and device and electronic equipment

Technical Field

The present application relates to the field of page display technologies, and in particular, to a method and an apparatus for displaying commodity information, and an electronic device.

Background

In the commodity information system, a commodity detail page is used as a main bearing page of commodity information and is also a main battlefield for transaction conversion. Because of the indicators such as conversion rate, the design and planning of the product detail page is important. In a conventional product information system, the product detail page mainly includes: basic information, evaluation, image-text details and the like of the commodity are arranged from top to bottom. The basic information module of the commodity mainly displays information such as a main graph, a price and specification parameters of the commodity, the evaluation module mainly displays evaluation content of a consumer user on the commodity, and the image-text detail module mainly describes more detailed information of the commodity in a long-graph mode. Under the arrangement mode from top to bottom, the detailed pages of the commodities are often very long, and the user can check the contents of all the modules completely by sliding the screen up and down. Or, the top of the page may also provide the user with shortcut options corresponding to each module, for example, the user may quickly locate the module by clicking the "detail" option to browse.

The detailed product page can fully and completely display detailed information of a product, but the detailed product page is not good in browsing efficiency and the like, and particularly when a browsing target of a user is not clear enough, the user may be required to frequently switch between the detailed product page and the listing product page.

Disclosure of Invention

The application provides a commodity information display method and device and electronic equipment, which can improve browsing efficiency of a user and simultaneously have the function of keeping complete commodity details in a page.

The application provides the following scheme:

a commodity information display method comprises the following steps:

after receiving a commodity detail display request of a user for a target commodity, acquiring the detail content of the target commodity;

determining a plurality of image materials related to the target commodity according to the detail content;

generating a target page for displaying the detailed content, wherein the target page comprises a first tab and a second tab; when the first option card is in a selected state, the target page comprises an image display container for displaying the image materials, and can be used for switching to browse other commodities through longitudinal sliding, and can be used for switching to display the multiple image materials through transverse sliding; and displaying other detailed contents of the target commodity in the target page under the condition that the second tab is selected.

Wherein, when receiving the commodity detail display request of the user to the target commodity, the method further comprises the following steps:

determining source information of the request;

and predicting the access intention of the user according to the source information, and triggering and executing the steps of obtaining the detailed content of the target commodity and the subsequent steps if the access intention belongs to an exploration discovery type access intention.

Wherein the determining multiple image materials related to the target product according to the detail content comprises:

acquiring a target image and text content for describing key characteristics of the target commodity from the detail content;

and synthesizing the target image and the text content by using a preset image combination template, and generating a first frame image material used in the state that the first option card is selected after adding a background material.

The image display container can be self-adaptively full of a full screen when used for displaying image materials of picture types.

Wherein the image material comprises: the width ratio of the picture is larger than that of the screen;

the method further comprises the following steps:

after the wide picture is switched to through the horizontal sliding, the wide picture is full of a full screen in the longitudinal direction, part of content in the wide picture is displayed in the horizontal direction, and the rest part of content beyond the range of the width of the screen is gradually displayed along with the continuous horizontal sliding.

Wherein, still include:

the method comprises the steps that indication bars with corresponding number are generated according to the number of image materials and displayed on the upper layer of an image display container, so that the currently displayed image materials are indicated through the indication bars;

when the currently displayed image material is the wide picture, the indication bar is further used for changing along with the display progress of the wide picture.

And the upper layer of the image display container is also used for displaying the text material related to the target commodity.

The image material also comprises image material of video class;

the image display container has a fixed aspect ratio when displaying the video-type image materials and is transversely full of the full screen;

the method further comprises the following steps:

if the aspect ratio of the video image material is not consistent with the aspect ratio of the image display container, performing centering alignment after aligning in the height or width direction;

and after extracting a target image frame from the video image material and processing the target image frame, adding a background material to the image display container.

The image materials also comprise image materials of a 3D model class;

and when the image display container displays the image materials of the 3D model class, the image display container is used for displaying the image materials of the 3D model class through a 3D engine and carrying out view angle change processing according to the interactive operation of a user.

And when the first tab is in the selected state, if the first tab continues to slide transversely to the last image material, the second tab is in the selected state.

And responding to clicking operation of the second tab, and setting the second tab in a selected state.

A merchandise information display device, comprising:

the detailed content acquisition unit is used for acquiring the detailed content of the target commodity after receiving a commodity detailed display request of a user for the target commodity;

the target material determining unit is used for determining a plurality of image materials related to the target commodity according to the detail content;

the page display unit is used for generating a target page for displaying the detailed content, wherein the target page comprises a first tab and a second tab; when the first option card is in a selected state, the target page comprises an image display container for displaying the image materials, and the target page can be used for switching and browsing other commodities through longitudinal sliding and can be used for switching and displaying the multiple image materials through transverse sliding; and displaying other detailed contents of the target commodity in the target page under the condition that the second tab is selected.

A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the steps of the method of any of the preceding claims.

An electronic device, comprising:

one or more processors; and

memory associated with the one or more processors for storing program instructions which, when read and executed by the one or more processors, perform the steps of the method of any of the preceding claims.

According to the specific embodiments provided herein, the present application discloses the following technical effects:

through the embodiment of the application, when the detailed information of the commodity is displayed, a plurality of image materials can be determined according to the related detailed content of the commodity, and when the commodity is displayed, the target page can comprise two tabs, wherein an image display container can be loaded in the target page in a selected state of the first tab so as to display the specific image materials. And the transverse sliding can be used for switching and showing other image materials, and the longitudinal sliding can be used for switching and showing other target pages for showing the details of other commodities. In the state that the second tab is selected, other detailed contents of the current goods can be displayed in the current target page. Therefore, the target page has a complete commodity detail function, and switching among different commodities can be completed quickly, so that the access efficiency can be improved, and the method is particularly suitable for the exploration discovery type access intention of the user.

When the image materials are displayed, a full-screen mode can be adopted, and the specific text materials can be displayed on the upper layer of the image display container, so that the immersion experience in the browsing process of a user is improved.

Of course, it is not necessary for any product to achieve all of the above-described advantages at the same time for practicing the present application.

Drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required in the embodiments will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art that other drawings can be obtained according to the drawings without creative efforts.

FIG. 1 is a schematic diagram of a system architecture provided by an embodiment of the present application;

FIG. 2 is a flow chart of a method provided by an embodiment of the present application;

FIG. 3 is a schematic diagram of a target page provided by an embodiment of the present application;

4-1 and 4-2 are schematic diagrams of a wide picture display mode provided by the embodiment of the application;

FIG. 5 is a schematic view of another target page provided by an embodiment of the present application;

FIG. 6 is a schematic view of an apparatus provided by an embodiment of the present application;

fig. 7 is a schematic diagram of an electronic device provided in an embodiment of the present application.

Detailed Description

The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments that can be derived from the embodiments given herein by a person of ordinary skill in the art are intended to be within the scope of the present disclosure.

First, it should be noted that, in the process of implementing the present application, the inventor of the present application finds that a user generally has two types when browsing a detailed page of a specific product. One of them is a relatively clear target, for example, a user searches for an item by means of a keyword or a graph search, and then clicks on a detail page for accessing a certain item from a search result page, in which case, the browsing target of the user is usually relatively clear. Another is exploration discovery type "strolling", for example, a recommended product Feeds stream (information stream) is usually provided for the user in a page such as a top page of the client, and if the user clicks on a detail page for accessing a certain product in the process of browsing such a Feeds stream, the user usually has no specific target, but no purposeful "strolling" under the guidance of the shopping guide information.

The manner introduced in the background art in which the contents of modules such as basic information of a commodity (including a main picture, a title, candidate attributes, and the like), evaluation, more image-text details, and the like are arranged in a commodity detail page from top to bottom is mainly served for the aforementioned "target" type user appeal, that is, the manner is more suitable for being adopted for display under the condition that a user initiates access to a certain commodity detail page through a search result page, and the like. In the "strolling" scenario, since the user's intention is not very specific, even if the user clicks on a detail page of a certain product, the user may not really want to purchase the product, may need to see more than a few products before making a decision, and so on. However, in the above-mentioned display method of the detail product pages in the prior art, if the user needs to view the detail product pages of multiple products, the user needs to switch between the detail product pages and the list page (Feed stream page, etc.), which causes low efficiency and generates a strong "jumping-out feeling" for the user, and therefore, it is difficult to satisfy the appeal of the "search and discovery" user in the "strolling" scene.

In order to better adapt to the appeal of the "exploration discovery type" user, one implementation manner in the prior art is to provide an intermediate page located between a commodity list page and a commodity detail page, and after the user clicks a certain commodity in a commodity list such as Feeds stream, the user may trigger to enter the intermediate page, and in the intermediate page, some summary information of the commodity may be organized into an information card to be displayed, for example, the information card may include a main graph of the commodity (multiple main graphs may be displayed in a switching manner), a title, a price, offer information, and a number of payers, and in addition, some operation options may also be provided, including adding "shopping cart", "purchasing", "collecting", and the like. The size of the information card is larger than that of a single pit in the Feeds stream, so that more detailed commodity information can be presented than that in the Feeds stream; in addition, the middle page can comprise information cards of a plurality of commodities, a user can obtain more knowledge about the commodities through the information cards, and if the user is not interested, the user can view the information cards of other commodities in a mode of sliding the page up and down. Of course, the intermediate page is still a page of shopping guide nature, and if the user generates more interest in a certain commodity through the information card, the user can click the information card to enter the commodity detail page of the commodity. At this time, the contents of modules such as basic information, evaluation, more image-text details and the like of the commodity are still arranged and displayed from top to bottom in the commodity detail page.

Although the browsing efficiency can be improved to a certain extent by the above method, since the intermediate page is still mainly a shopping guide page, if the user needs to access more detailed information about a specific commodity, the user still needs to jump to the commodity detail page for viewing. In the process, on one hand, the access efficiency of the user is not high, and the path is longer, and on the other hand, the system resources are wasted to a certain extent.

In view of the above situation, in the embodiment of the present application, a novel manner for displaying detailed information of a commodity is provided, and specifically, two tabs may be provided in a target page, where a first tab may be mainly used for displaying image materials of the commodity. For example, in an initial state, image materials of a commodity can be mainly displayed in the target page, and in a preferred mode, specific image materials can be displayed in a full-screen mode, so that a plurality of image materials can be displayed in a switching mode through transverse sliding, and other commodities can be viewed in a switching mode through longitudinal sliding. In addition, if sliding continues after sliding to the bottom (i.e., the last image material is shown), switching may be made to the second tab, at which point other detailed content about the current item may be shown in the target page, including, for example, detailed introduction content shown in a teletext manner, and so on.

That is to say, in the solution provided in the embodiment of the present application, in a state where a first tab in a target page for displaying detailed information of a commodity is selected (the first tab may be selected by default in general), target pages of a plurality of commodities may be quickly viewed in a manner of sliding a screen up and down (that is, when sliding up and down in the selected state of the first tab, a target page of another commodity may be switched to, and the target page has a different network address from a target page corresponding to a current commodity). That is to say, the page that can be switched by sliding the screen up and down is the target page itself for displaying the detailed information of other commodities, and it has the function of complete detailed page, not the information card for displaying only part of the abstract content. And the second tab can be selected in a left-right sliding mode, and more detailed contents about the commodity are displayed in the target page. In this way, the user can firstly know the commodity to a certain extent through the image material displayed in the first tab state, and in addition, the image material can be displayed in a full screen manner, so that immersive browsing experience can be provided for the user; after the image materials are browsed, if the images are not interested, the images can be directly switched to target pages of other commodities for browsing in a mode of sliding the screen up and down. If the commodity is interested, the commodity can be switched to the state that the second tab is selected directly in a left-right sliding mode, and more detailed contents about the current commodity can be directly observed in the current page without the jump of the page. After browsing more detailed contents, if other commodities are to be viewed, the user only needs to slide leftwards to return to the state that the first tab is selected, namely the state that the image material is displayed in the current target page through the image display container, and then the user can switch to the target pages of the other commodities in a mode of sliding the screen up and down. Through the mode, the efficiency can be improved, meanwhile, more immersive browsing experience is provided for the user, and resources are saved.

In summary, in the embodiment of the present application, a novel detail page frame, that is, the target page described in the embodiment of the present application, is designed for the user intentions of the types of discovery and the like. Such a target page may be referred to as an "onedetail" page, and specifically, image material of a product may be received in a full screen (or non-full screen, for example, most of the full screen is full, etc.), details of other products may be quickly viewed by sliding up and down, and other details of a current product may be switched and viewed in a side sliding manner. The full functional content of the traditional commodity detail page can be reserved through the page, namely, the immersive browsing of the user and the use of the complete detail function can be realized at the same time.

From the perspective of system architecture, referring to fig. 1, embodiments of the present application may relate to a service end and a client end of a commodity information service system. The client can exist in the form of a Wed page, an H5 page, or a mobile terminal App (application program), and is mainly used for interacting with a user. In addition, in the embodiment of the present application, the generation of the target page may be completed at the client side, that is, after the client side acquires the detailed contents about the product, the client side may perform screening, processing and organizing on the contents, and generate and display the specific target page according to the manner provided in the embodiment of the present application. The server is mainly used for providing detailed contents about the commodities for the client.

The following describes in detail specific implementations provided in embodiments of the present application.

First, an embodiment of the present application provides a method for displaying merchandise information from the perspective of the foregoing client, and referring to fig. 2, the method may include:

s201: and after receiving a commodity detail display request of a user for a target commodity, acquiring the detail content of the target commodity.

Specifically, in the process of accessing by using the client of the commodity information service system, the user can click on the interested commodity and access the detailed information of the commodity. As previously described, the user may initiate the request in a variety of ways, i.e., the source page of the request may be varied. For example, if the user is accessing detailed information of a certain product initiated by a recommended Feeds stream in the client front page, the recommended Feeds stream belongs to the source of the request. If the user is an access to item detail information initiated in a search results list page after initiating a search through a search entry in a page such as the client's home page, the search results page belongs to the source of the request, and so on.

In an optional embodiment of the present application, after receiving a request for displaying the product detail information of the target product, the source of the request may be further determined, so that the access intention of the user may be predicted according to the source information, and if the access intention belongs to an exploration discovery type access intention, the detailed content and subsequent steps of the target product are triggered to be acquired. For example, if the user is an access initiated by recommending a Feeds stream, the user usually belongs to an access intention of an exploration discovery type, and therefore, the scheme provided by the embodiment of the application can be used for displaying the detailed information of the product. If the access is initiated through a search result page, the access intention is usually targeted, so that the detailed information of the goods can be displayed in a traditional manner, and the like. Of course, when the access intention of the user is determined, the user may be comprehensively determined by using access history habits of the user. For example, it is assumed that a user is a request for accessing detailed information initiated through a search result page, but if the user initiates multiple searches by continuously changing keywords and needs to view multiple products after each search, the access intention of the user may not be very clear, and at this time, it may be predicted as an exploration finding intention, and product detailed information is displayed by using the scheme provided in the embodiment of the present application, and so on.

After receiving an access request for the product detail information of the target product, if the product detail information needs to be displayed according to the manner provided by the embodiment of the present application, the detail content of the target product may be first obtained, which may specifically include product information on a plurality of fields, such as a title, a price, a main graph, image-text details, and the like.

S202: and determining a plurality of image materials related to the target commodity according to the detail content.

In the embodiment of the present application, since the specific product detail page may be generated at the client side, the server side may provide the product detail content to the client side in the form of information on a plurality of fields, and the client side may perform screening, processing, and the like on the information on the required fields, and then may generate the specific target page according to a certain rule template and the like.

Specifically, a plurality of image materials are determined according to the detailed content, and the image materials can be obtained from a main picture of the detailed content of the commodity, or from image-text details, and the like. In the embodiment of the application, the image material needs to be displayed in a full-screen manner, and the image contained in the acquired detailed content of the commodity is usually provided by a merchant, and the size, the aspect ratio and the like of the image material are possibly various, so that in order to ensure the display effect, the image material displayed in the first frame can be generated for the specific commodity in a combined-image manner. That is to say, in the process of displaying the image material in the target page of a certain commodity, the image material displayed first may be generated in a combined manner, and the image material may be made to adapt to the aspect ratio of the screen to obtain a good display effect.

The image material generated by combining images can be composed of a background, a commodity image, critical feature description information (such as a main selling point) and the like. In the process of drawing, a drawing generation system at the server side can select the commodity drawing and the key feature description information, and the commodity drawing and the key feature description information are synthesized into an image with a transparent background according to a preset drawing template, and then, a client side can provide specific background materials. For example, the client side may determine the background color according to the dominant hue of the composite image of the transparent background provided by the server side, and then generate the final composite image after background filling, and so on.

Of course, the same target product may generally correspond to a plurality of image materials, and besides the first frame may be produced in the above-mentioned image combining manner, other image materials may be directly screened and determined from the detailed content of the product. For example, the specific image material may include pictures, videos, 3D models, and so on.

In addition, in addition to the plurality of image materials, text materials of the target product, for example, the title, price, and the like of the product, may be acquired. In addition, the system can also comprise mixed image and text material, such as one or more pictures and the text introduction content matched with the pictures, and the like.

S203: generating a target page for displaying the detailed content, wherein the target page comprises a first tab and a second tab; and when the first tab is in a selected state, the target page comprises an image display container for displaying the image materials, and can be used for switching and browsing other commodities by longitudinal sliding, and the transverse sliding can be used for switching and displaying the multiple image materials, and when the target page continues to slide after transverse sliding to the end, the second tab is switched to the selected state so as to display other detailed contents of the target commodities in the target page.

After obtaining multiple image materials, a specific item detail page may be generated, and in this embodiment, two tabs may be included in the specific target page, for example, as shown at 31 in fig. 3 (a), where the first tab may be "item", the second tab is "detail", and so on. In the default state, the first tab may be set to the selected state, and in this state, the destination page may include an image display container, so that the image material is displayed through the image display container. In a preferred embodiment, when the image display container is used for displaying image materials of a picture type, the image display container can be adaptive to the aspect ratio of a screen of a terminal device to fill the full screen, so that the image materials can have the effect of displaying the full screen, and especially the first frame of image materials produced by the system can better meet the condition of displaying the full screen. That is to say, after a user opens a target page of a target commodity, the image material displayed in a full screen mode can be viewed from the page, and therefore the immersion feeling of the user in the browsing process is improved. For example, assuming that a coffee machine is currently viewed, the display effect in the target page may be as shown in fig. 3 (a), that is, full-screen image material may be displayed, in addition, information such as a title, a price, a shop identifier, and the like of a commodity may be displayed on the upper layer of the image display container, and an operation option for adding the current commodity to a "shopping cart" or "instant purchase" may be provided.

In addition, in the above state, the switching of the image material can be realized by sliding the screen left and right, that is, similar to the effect of sliding left and right on the main image area of the commodity in the conventional detail page, but in the embodiment of the present application, the specific image material can be displayed in full screen. For example, on the basis of fig. 3 (a), if an operation of sliding to the left is performed, it is possible to switch to the next image material regarding the current article, for example, as shown in fig. 3 (B). Of course, in specific implementation, the horizontal automatic sliding between the image materials can also be implemented, that is, without manually sliding the screen by the user, the horizontal sliding operation can be automatically triggered in the detail page, and the image materials can be switched. In the automatic sliding mode, animation effects and information such as the stay time of each image material can be set for each image material. For example, after the first frame of image material is presented for 3S, it starts sliding out of the screen to the left while the second image material slides in from right to left into the screen, and so on.

In the process of viewing the image material through transverse sliding, if the user finds that the commodity does not meet the requirement of the user, the user can directly switch to the detail pages of other commodities in a vertical sliding mode. The first tab can be selected by default from the detail pages of other commodities, and the image materials of the displayed other commodities can also have the characteristics of full-screen display and the like, so that the immersion feeling of the user in the commodity switching process is further improved.

Of course, if the user is interested in the current product in the process of browsing the image material of the product in the state where the first tab is selected, and wants to further obtain more detailed information about the product, the user can directly slide to the end in the state where the first tab is selected, that is, after browsing the last image material, if the user continues to slide horizontally, the second tab can be switched to the selected state. Of course, the second tab may also be clicked directly, switched to the selected state, and so on. After the second tab is selected, more detailed content about the current item may then be presented in the current target page. For example, as shown at 32 in FIG. 3 (C), the second tab "details" in the target page is now in the selected state, and more detailed information about the current item is presented in the page, including various specification parameters, candidate attributes, user ratings, various detailed presentations, and so on. Of course, the information is usually long, and the user can view the information by sliding the page up and down.

In the state that the second tab is selected, if the user needs to switch to a target page of another commodity for checking, rightward sliding operation can be directly executed, or the state that the first tab is selected can be returned by clicking the first tab, and then the sliding operation in the vertical direction is executed. In addition, in an optional manner, in a state where the second tab is selected, when more detailed content about the current product is displayed, recommendation information about other products may also be provided, for example, as shown at 33 in fig. 3 (C), at this time, the user may also enter into a target page thereof by clicking other products in such recommendation information, and so on.

Specifically, when the specific image material is displayed in the selected state of the first tab, as described above, only the first frame or a few image materials may be generated in a pre-synthesis manner, and other image materials may be directly obtained from a commodity map provided by a merchant, and so on. In particular implementations, a particular image presentation container may be compatible with a variety of different types of images, for example, a particular image type may include pictures, videos, and even 3D model-like image material, among others.

When the picture-type material is displayed, the specific image display container can be self-adaptively full of the full screen (of course, most of the full screen is full, etc.). At this time, particularly when the picture is displayed, although the aspect ratio of the picture may be different from that of the screen, it may be prioritized that the full screen is occupied in the longitudinal direction. At this time, for a wide picture whose picture aspect ratio is larger than the screen aspect ratio (for example, the screen aspect ratio is 9. That is, the content of such a picture cannot be completely displayed within one screen in the lateral direction.

In this case, in the embodiment of the present application, the wide image material is not cut, but the partial content beyond the range of the screen width is retained. During the switching display of the image material, if the wide picture is switched to, the wide picture can be full of the full screen in the longitudinal direction, and in the transverse direction, part of the content in the wide picture can be displayed first, for example, during the sliding process to the left, the left part of the content in the wide picture can be displayed first. Then, with the continued lateral sliding, the remaining portion of the content beyond the range of the screen width can be gradually exhibited. For example, as shown in fig. 4-1, it is assumed that 41 is a display range of a screen, that is, a display range of an image display container. A wide picture 42 is shown (for ease of viewing, the picture is not already full of the full screen in the longitudinal direction), where part a is what can be displayed in one screen and part B is what extends beyond the width of the screen. When switching to the picture, part a of the diagram may be presented first, and part B may not be presented for a while. Thereafter, the content of the B portion can be gradually revealed with a slide operation to the left. For example, as shown in fig. 4-2, in a certain state, part a is a part of content displayed in the wide picture, part B1 is a part of content that has been displayed before and has slid out of the screen, and part B2 is the remaining part of content waiting to enter the screen.

In addition, in a specific implementation, a corresponding number of indication bars may be generated according to the number of the image materials, and the indication bars may be displayed on an upper layer of the image display container, so as to indicate the currently displayed image materials through the indication bars. For example, as shown at 34 in fig. 3 (a), assuming that the current commodity has 5 image materials in total, 5 indicator bars may be generated, and these indicator bars may be arranged laterally. A first indicator bar may be highlighted when a first image material is presented, a second indicator bar may be highlighted when a second image material is presented, and so on.

When the currently displayed image material is the wide picture, the specific wide picture can gradually complete the display process, so that the indication bar at the moment can be used for changing along with the display progress of the wide picture. For example, in a state of displaying a corresponding picture, the indicator bar is light gray, after starting displaying a certain wide picture, the corresponding indicator bar may be gradually lightened from one end, and so on.

In addition to picture-type image material, a video type, a 3D model type, and the like may be included. Wherein, for the video type, the display can be performed through the image display container. When playing a video, a specific container may have a default aspect ratio, which may be, for example, 3:4, etc., at this time, if the specific video is not 3:4 ratio, the display efficiency can be as shown in fig. 5 (a), which can be aligned with the width or height of the playing container and centered. In addition, a background may be added to the display container, for example, the background may be obtained by processing a certain frame of image in the video, and the specific processing manner may include performing gaussian blurring on the image, or adding a black (or other color) mask with a certain transparency, and the like. When the image material of the 3D model class is displayed, the 3D engine can be loaded in the specific image display container, and the 3D model is displayed. During the presentation, cues for changing the viewing angle may also be provided, for example, as shown in fig. 5 (B), cues for an arc or ellipse of the operation trajectory may be provided below a particular 3D model, so that the user has a better perception of the 3D model. Specifically, the viewing angle may be changed by rotating the terminal device or the like, or may be rotated by sliding the screen. In the latter case, in order to distinguish between the slide-right switching of image material and the slide-up/down switching of products, different operation ranges may be defined in the screen. For example, if a sliding operation is performed in the area where the specific 3D model is located, it may be used to change the viewing angle, and the sliding operation of other areas is used to switch to other image materials or other merchandise for display.

In summary, according to the embodiment of the present application, when displaying detailed information of a commodity, multiple image materials can be determined according to related detailed content of the commodity, and when displaying, a target page may include two tabs, where in a state where a first tab is selected, an image display container may be loaded in the target page to display the specific image materials. And the transverse sliding can be used for switching and showing other image materials, and the longitudinal sliding can be used for switching and showing other target pages for showing the details of other commodities. In the state that the second tab is selected, other detailed contents of the current commodity can be displayed in the current target page. Therefore, the target page has a complete commodity detail page function, and switching among different commodities can be completed quickly, so that the access efficiency can be improved, and the method is particularly suitable for the exploration discovery type access intention of a user.

When the image materials are displayed, a full-screen mode can be adopted, and specific text materials can be displayed on the upper layer of the image display container, so that the immersion experience in the browsing process of a user is improved.

It should be noted that, in the embodiments of the present application, the user data may be used, and in practical applications, the user-specific personal data may be used in the scheme described herein within the scope permitted by the applicable law, under the condition of meeting the requirements of the applicable law and regulations in the country (for example, the user explicitly agrees, the user is informed, etc.).

Corresponding to the foregoing method embodiment, an embodiment of the present application further provides a merchandise information display apparatus, and referring to fig. 6, the apparatus may include:

a detail content obtaining unit 601, configured to obtain detail content of a target product after receiving a product detail information display request of a user for the target product;

a target material determining unit 602, configured to determine, according to the detail content, multiple image materials related to the target product;

a page display unit 603, configured to generate a target page for displaying the detail content, where the target page includes a first tab and a second tab; when the first option card is in a selected state, the target page comprises an image display container for displaying the image materials, and the target page can be used for switching and browsing other commodities through longitudinal sliding and can be used for switching and displaying the multiple image materials through transverse sliding; and under the condition that the second tab is selected, displaying more detailed contents of the target commodity in the target page.

Specifically, the apparatus may further include:

the system comprises an access source determining unit, a display unit and a display unit, wherein the access source determining unit is used for determining the source information of a request when receiving the request of a user for displaying a commodity detail page of a target commodity;

and the access intention predicting unit is used for predicting the access intention of the user according to the source information, and triggering and executing the detailed content and the subsequent steps of acquiring the target commodity if the access intention belongs to the exploration discovery type access intention.

Specifically, the target material determining unit may be specifically configured to:

Specifically, the image material includes: the width ratio of the picture is larger than that of the screen;

at this time, the apparatus may further include:

and the wide image display processing unit is used for filling the wide picture in a full screen in the longitudinal direction after the wide picture is switched to by the transverse sliding, displaying partial content in the wide picture in the transverse direction, and gradually displaying the rest content beyond the width range of the screen along with the continuous transverse sliding.

Wherein, the device can also include:

the indication bar providing unit is used for generating indication bars with corresponding number according to the number of the image materials, and displaying the indication bars on the upper layer of the image display container so as to indicate the currently displayed image materials through the indication bars;

In specific implementation, the upper layer of the image display container can be used for displaying text materials associated with the target commodity.

The image material can also comprise video image material;

at this time, the apparatus may further include:

the alignment display unit is used for performing centering alignment after alignment in the height direction or the width direction if the aspect ratio of the video image materials is inconsistent with the aspect ratio of the image display container;

and the background adding unit is used for extracting a target image frame from the video image material and adding a background material to the image display container after processing.

In addition, the image material can also comprise 3D model type image material;

when the image display container displays the image materials of the 3D model, the image display container can be used for displaying the image materials of the 3D model through a 3D engine and carrying out visual angle change processing according to the interactive operation of a user.

And if the first tab is in the selected state and the second tab continues to slide transversely after the last image material is slid transversely, the second tab can be in the selected state.

Alternatively, the second tab may be set to the selected state in response to a click operation on the second tab.

In addition, the present application also provides a computer readable storage medium, on which a computer program is stored, which when executed by a processor implements the steps of the method described in any of the preceding method embodiments.

And an electronic device comprising:

one or more processors; and

memory associated with the one or more processors for storing program instructions which, when read and executed by the one or more processors, perform the steps of the method of any of the preceding method embodiments.

Where fig. 7 illustrates an architecture of an electronic device, for example, device 700 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, an aircraft, and so forth.

Referring to fig. 7, device 700 may include one or more of the following components: processing component 702, memory 704, power component 706, multimedia component 708, audio component 710, input/output (I/O) interface 712, sensor component 714, and communications component 716.

The processing component 702 generally controls overall operation of the device 700, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing element 702 may include one or more processors 720 to execute instructions to perform all or a portion of the steps of the methods provided by the disclosed solution. Further, processing component 702 may include one or more modules that facilitate interaction between processing component 702 and other components. For example, the processing component 702 can include a multimedia module to facilitate interaction between the multimedia component 708 and the processing component 702.

The memory 704 is configured to store various types of data to support operation at the device 700. Examples of such data include instructions for any application or method operating on device 700, contact data, phonebook data, messages, pictures, videos, and so forth. The memory 704 may be implemented by any type or combination of volatile or non-volatile memory devices such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.

The power supply component 706 provides power to the various components of the device 700. The power components 706 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the device 700.

The multimedia component 708 includes a screen that provides an output interface between the device 700 and the user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 708 includes a front facing camera and/or a rear facing camera. The front camera and/or the rear camera may receive external multimedia data when the device 700 is in an operational mode, such as a shooting mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.

The audio component 710 is configured to output and/or input audio signals. For example, the audio component 710 includes a Microphone (MIC) configured to receive external audio signals when the device 700 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signal may further be stored in the memory 704 or transmitted via the communication component 716. In some embodiments, audio component 710 further includes a speaker for outputting audio signals.

The I/O interface 712 provides an interface between the processing component 702 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to: a home button, a volume button, a start button, and a lock button.

The sensor assembly 714 includes one or more sensors for providing various aspects of status assessment for the device 700. For example, the sensor assembly 714 may detect an open/closed state of the device 700, the relative positioning of components, such as a display and keypad of the device 700, the sensor assembly 714 may also detect a change in the position of the device 700 or a component of the device 700, the presence or absence of user contact with the device 700, orientation or acceleration/deceleration of the device 700, and a change in the temperature of the device 700. The sensor assembly 714 may include a proximity sensor configured to detect the presence of a nearby object without any physical contact. The sensor assembly 714 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 714 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

The communications component 716 is configured to facilitate communications between the device 700 and other devices in a wired or wireless manner. The device 700 may access a wireless network based on a communication standard, such as WiFi, or a mobile communication network such as 2G, 3G, 4G/LTE, 5G, etc. In an exemplary embodiment, the communication section 716 receives a broadcast signal or broadcast associated information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 716 further includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, ultra Wideband (UWB) technology, bluetooth (BT) technology, and other technologies.

In an exemplary embodiment, the device 700 may be implemented by one or more Application Specific Integrated Circuits (ASICs), digital Signal Processors (DSPs), digital Signal Processing Devices (DSPDs), programmable Logic Devices (PLDs), field Programmable Gate Arrays (FPGAs), controllers, micro-controllers, microprocessors or other electronic components for performing the above-described methods.

In an exemplary embodiment, a non-transitory computer-readable storage medium comprising instructions, such as the memory 704 comprising instructions, executable by the processor 720 of the device 700 to perform the methods provided by the disclosed solution is also provided. For example, the non-transitory computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.

From the above description of the embodiments, it is clear to those skilled in the art that the present application can be implemented by software plus a necessary general hardware platform. Based on such understanding, the technical solutions of the present application may be essentially or partially implemented in the form of a software product, which may be stored in a storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method according to the embodiments or some parts of the embodiments of the present application.

The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, the system or system embodiments, which are substantially similar to the method embodiments, are described in a relatively simple manner, and reference may be made to some descriptions of the method embodiments for relevant points. The above-described system and system embodiments are merely illustrative, and the units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.

The above detailed description is given to the merchandise information display method, the merchandise information display device and the electronic device, and specific examples are applied in the description to explain the principle and the implementation of the present application, and the description of the above embodiments is only used to help understand the method and the core idea of the present application; meanwhile, for a person skilled in the art, according to the idea of the present application, the specific embodiments and the application range may be changed. In view of the above, the description should not be taken as limiting the application.

Claims

1. A commodity information display method is characterized by comprising the following steps:

generating a target page for displaying the detailed content, wherein the target page comprises a first tab and a second tab; when the first option card is in a selected state, the target page comprises an image display container for displaying the image materials, and can be used for switching to browse other commodities through longitudinal sliding, and can be used for switching to display the multiple image materials through transverse sliding; and displaying other detailed contents of the target commodity in the target page under the state that the second tab is selected.

2. The method of claim 1,

when receiving a request for displaying the commodity details of the target commodity from the user, the method further comprises the following steps:

determining source information of the request;

3. The method of claim 1,

the determining of the multiple image materials related to the target commodity according to the detail content comprises the following steps:

and synthesizing the target image and the text content by using a preset image combination template, and generating a first frame image material used in a selected state of the first tab after adding a background material.

4. The method of claim 1,

the image display container can be self-adaptively full of a full screen when used for displaying image materials of a picture type.

5. The method of claim 4,

the image material includes: the width ratio of the picture is larger than that of the screen;

the method further comprises the following steps:

after the wide picture is switched to through horizontal sliding, the wide picture is filled in a full screen in the longitudinal direction, part of content in the wide picture is displayed in the horizontal direction, and the rest part of content exceeding the width range of the screen is gradually displayed along with the continuous horizontal sliding.

6. The method of claim 5, further comprising:

7. The method of claim 1,

the upper layer of the image display container is also used for displaying the text materials related to the target commodities.

8. The method of claim 1,

the image material also comprises video image material;

the method further comprises the following steps:

if the aspect ratio of the video image materials is not consistent with that of the image display container, performing centering alignment after aligning in the height or width direction;

9. The method of claim 1,

the image materials also comprise image materials of a 3D model class;

10. The method of claim 1,

and under the condition that the first tab is in the selected state, if the first tab transversely slides to the last image material and then transversely slides, the second tab is in the selected state.

11. The method of claim 1,

and responding to the clicking operation of the second tab, and setting the second tab in a selected state.

12. An article of merchandise information display device, comprising:

the page display unit is used for generating a target page for displaying the detail content, wherein the target page comprises a first tab and a second tab; when the first option card is in a selected state, the target page comprises an image display container for displaying the image materials, and the target page can be used for switching and browsing other commodities through longitudinal sliding and can be used for switching and displaying the multiple image materials through transverse sliding; and displaying other detailed contents of the target commodity in the target page under the state that the second tab is selected.

13. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the steps of the method of any one of claims 1 to 11.

14. An electronic device, comprising:

one or more processors; and

memory associated with the one or more processors for storing program instructions which, when read and executed by the one or more processors, perform the steps of the method of any one of claims 1 to 11.